Add view with accesibility label on top of floating toolbar (#20267)

WordPress · Feb 18, 2020 · 015555f · 015555f
1 parent bdb7349
commit 015555f
Showing 1 changed file with 23 additions and 23 deletions.
diff --git a/packages/block-editor/src/components/block-list/block.native.js b/packages/block-editor/src/components/block-list/block.native.js
@@ -198,27 +198,27 @@ class BlockListBlock extends Component {
  );
 
  return (
- <>
- { isSelected && (
-  <FloatingToolbar>
-  <Toolbar passedStyle={ styles.toolbar }>
-  <ToolbarButton
-  title={ __( 'Navigate Up' ) }
-  onClick={ () =>
-  this.props.onSelect( parentId )
-  }
- icon={ NavigateUpSVG }
- />
- <View style={ styles.pipe } />
- </Toolbar>
- <Breadcrumbs clientId={ clientId } />
- </FloatingToolbar>
- ) }
- <TouchableWithoutFeedback
- onPress={ this.onFocus }
- accessible={ ! isSelected }
- accessibilityRole={ 'button' }
- >
+ <TouchableWithoutFeedback
+ onPress={ this.onFocus }
+ accessible={ ! isSelected }
+ accessibilityRole={ 'button' }
+ >
+ <View accessibilityLabel={ accessibilityLabel }>
+ { isSelected && (
+ <FloatingToolbar>
+ <Toolbar passedStyle={ styles.toolbar }>
+ <ToolbarButton
+  title={ __( 'Navigate Up' ) }
+  onClick={ () =>
+  this.props.onSelect( parentId )
+  }
+  icon={ NavigateUpSVG }
+  />
+  <View style={ styles.pipe } />
+  </Toolbar>
+  <Breadcrumbs clientId={ clientId } />
+  </FloatingToolbar>
+  ) }
  <View
  pointerEvents={ isTouchable ? 'auto' : 'box-only' }
  accessibilityLabel={ accessibilityLabel }
@@ -238,8 +238,8 @@ class BlockListBlock extends Component {
  ) }
  </View>
  </View>
- </TouchableWithoutFeedback>
- </>
+ </View>
+ </TouchableWithoutFeedback>
  );
  }
 }