Fix positioning and layering

WordPress · Aug 23, 2023 · 162ddab · 162ddab
1 parent 51d787d
commit 162ddab
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-draggable/index.js b/packages/block-editor/src/components/block-draggable/index.js
@@ -14,6 +14,7 @@ import useScrollWhenDragging from './use-scroll-when-dragging';
 import { store as blockEditorStore } from '../../store';
 
 const BlockDraggable = ( {
+	appendToOwnerDocument,
 	children,
 	clientIds,
 	cloneClassname,
@@ -75,6 +76,7 @@ const BlockDraggable = ( {
 
 	return (
 		<Draggable
+			appendToOwnerDocument={ appendToOwnerDocument }
 			cloneClassname={ cloneClassname }
 			__experimentalTransferDataType="wp-blocks"
 			transferData={ transferData }

diff --git a/packages/block-editor/src/components/list-view/block-contents.js b/packages/block-editor/src/components/list-view/block-contents.js
@@ -79,6 +79,7 @@ const ListViewBlockContents = forwardRef(
 					/>
 				) }
 				<BlockDraggable
+					appendToOwnerDocument
 					clientIds={ draggableClientIds }
 					__experimentalDragComponent={ null }
 					elementId={ `list-view-${ listViewInstanceId }-block-${ clientId }` }

diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss
@@ -341,7 +341,6 @@
 	}
 
 	&[id^="clone-"] {
-		position: relative;
 		align-items: center;
 		display: flex;
 		height: 36px;