Fix clicking movers

WordPress · Apr 22, 2022 · 3b08836 · 3b08836
1 parent 0b48e62
commit 3b08836
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/block-popover/inbetween.js b/packages/block-editor/src/components/block-popover/inbetween.js
@@ -184,7 +184,12 @@ function BlockPopoverInbetween( {
 				props.className
 			) }
 		>
-			<div style={ style }>{ children }</div>
+			<div
+				className="block-editor-block-popover__inbetween-container"
+				style={ style }
+			>
+				{ children }
+			</div>
 		</Popover>
 	);
 	/* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */

diff --git a/packages/block-editor/src/components/block-popover/style.scss b/packages/block-editor/src/components/block-popover/style.scss
@@ -14,11 +14,15 @@
 
 		// Allow clicking through the toolbar holder.
 		pointer-events: none;
-
-		// Position the block toolbar.
-		> * {
+		> div > * {
 			pointer-events: all;
 		}
 	}
 }
 
+.block-editor-block-popover__inbetween-container {
+	pointer-events: none !important;
+	> div > * {
+		pointer-events: all;
+	}
+}