Zoom Out: Don't use the drag and drop chip for patterns

WordPress · May 9, 2024 · 0d5cfef · 0d5cfef
1 parent b0f5bb9
commit 0d5cfef
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/packages/block-editor/src/components/inserter-draggable-blocks/index.js b/packages/block-editor/src/components/inserter-draggable-blocks/index.js
@@ -63,11 +63,15 @@ const InserterDraggableBlocks = ( {
 				stopDragging();
 			} }
 			__experimentalDragComponent={
-				<BlockDraggableChip
-					count={ blocks.length }
-					icon={ icon || ( ! pattern && blockTypeIcon ) }
-					isPattern={ !! pattern }
-				/>
+				pattern ? (
+					false
+				) : (
+					<BlockDraggableChip
+						count={ blocks.length }
+						icon={ icon || ( ! pattern && blockTypeIcon ) }
+						isPattern={ !! pattern }
+					/>
+				)
 			}
 		>
 			{ ( { onDraggableStart, onDraggableEnd } ) => {

diff --git a/packages/components/src/draggable/index.tsx b/packages/components/src/draggable/index.tsx
@@ -105,6 +105,10 @@ export function Draggable( {
 			JSON.stringify( transferData )
 		);
 
+		if ( dragComponent === false ) {
+			return;
+		}
+
 		const cloneWrapper = ownerDocument.createElement( 'div' );
 		// Reset position to 0,0. Natural stacking order will position this lower, even with a transform otherwise.
 		cloneWrapper.style.top = '0';