Block Switcher: The navigable menu should only wrap the menu elements

WordPress · Oct 12, 2017 · 5e5b8c0 · 5e5b8c0
1 parent 0efd05e
commit 5e5b8c0
Showing 1 changed file with 21 additions and 20 deletions.
diff --git a/editor/block-switcher/index.js b/editor/block-switcher/index.js
@@ -73,31 +73,32 @@ function BlockSwitcher( { block, onTransform } ) {
 				);
 			} }
 			renderContent={ ( { onClose } ) => (
-				<NavigableMenu
-					className="editor-block-switcher__menu"
-					role="menu"
-					aria-label={ __( 'Block types' ) }
-				>
+				<div>
 					<span
 						className="editor-block-switcher__menu-title"
 					>
 						{ __( 'Transform into:' ) }
 					</span>
-					{ allowedBlocks.map( ( { name, title, icon } ) => (
-						<IconButton
-							key={ name }
-							onClick={ () => {
-								onTransform( block, name );
-								onClose();
-							} }
-							className="editor-block-switcher__menu-item"
-							icon={ icon }
-							role="menuitem"
-						>
-							{ title }
-						</IconButton>
-					) ) }
-				</NavigableMenu>
+					<NavigableMenu
+						role="menu"
+						aria-label={ __( 'Block types' ) }
+					>
+						{ allowedBlocks.map( ( { name, title, icon } ) => (
+							<IconButton
+								key={ name }
+								onClick={ () => {
+									onTransform( block, name );
+									onClose();
+								} }
+								className="editor-block-switcher__menu-item"
+								icon={ icon }
+								role="menuitem"
+							>
+								{ title }
+							</IconButton>
+						) ) }
+					</NavigableMenu>
+				</div>
 			) }
 		/>
 	);