Drag: hide block tools popovers (#73539)

ellatrix · priethor · gutenbergplugin · commit eeb366a2b33a · 2025-11-25T10:50:17.000Z
Co-authored-by: ellatrix &lt;ellatrix@git.wordpress.org&gt;
Co-authored-by: priethor &lt;priethor@git.wordpress.org&gt;
diff --git a/packages/block-editor/src/components/block-tools/index.js b/packages/block-editor/src/components/block-tools/index.js
@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
 /**
  * WordPress dependencies
  */
@@ -252,7 +257,15 @@ export default function BlockTools( {
 
 	return (
 		// eslint-disable-next-line jsx-a11y/no-static-element-interactions
-		<div { ...props } onKeyDown={ onKeyDown }>
+		<div
+			{ ...props }
+			onKeyDown={ onKeyDown }
+			// Popover slots cannot be unmounted during dragging because the
+			// will just be rendered in a fallback popover slot instead.
+			className={ clsx( props.className, {
+				'block-editor-block-tools--is-dragging': isDragging,
+			} ) }
+		>
 			<InsertionPointOpenRef.Provider value={ useRef( false ) }>
 				{ ! isTyping && ! isZoomOutMode && (
 					<InsertionPoint
diff --git a/packages/block-editor/src/components/block-tools/style.scss b/packages/block-editor/src/components/block-tools/style.scss
@@ -206,3 +206,7 @@
 	top: 50%;
 	left: 50%;
 }
+
+.block-editor-block-tools--is-dragging > .popover-slot {
+	display: none;
+}

Original file line number	Diff line number	Diff line change
`@@ -206,3 +206,7 @@`
`206`	`206`	`top: 50%;`
`207`	`207`	`left: 50%;`
`208`	`208`	`}`
	`209`	`+`
	`210`	`+.block-editor-block-tools--is-dragging > .popover-slot {`
	`211`	`+ display: none;`
	`212`	`+}`