Block Editor: Add __experimentalUIParts.hasPopover option. (#19922)

To allow disabling the block popover (which includes the block toolbar and inserter).
WordPress · Feb 6, 2020 · fd1da51 · fd1da51
1 parent cf1a6d0
commit fd1da51
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/block-list/index.js b/packages/block-editor/src/components/block-list/index.js
@@ -85,6 +85,7 @@ function BlockList( {
 				'block-editor-block-list__layout',
 				className
 			) }
+			hasPopover={ __experimentalUIParts.hasPopover }
 		>
 			{ blockClientIds.map( ( clientId, index ) => {
 				const isBlockInSelection = hasMultiSelection

diff --git a/packages/block-editor/src/components/block-list/root-container.js b/packages/block-editor/src/components/block-list/root-container.js
@@ -46,7 +46,7 @@ function onDragStart( event ) {
 	}
 }
 
-function RootContainer( { children, className }, ref ) {
+function RootContainer( { children, className, hasPopover = true }, ref ) {
 	const {
 		selectedBlockClientId,
 		hasMultiSelection,
@@ -82,7 +82,7 @@ function RootContainer( { children, className }, ref ) {
 			containerRef={ ref }
 		>
 			<BlockNodes.Provider value={ useState( {} ) }>
-				<BlockPopover />
+				{ hasPopover ? <BlockPopover /> : null }
 				<div
 					ref={ ref }
 					className={ className }