Nest entire visualizer in shadow dom container

WordPress · Apr 6, 2023 · e91d8d4 · e91d8d4
1 parent 599b2de
commit e91d8d4
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/block-editor/src/components/block-alignment-visualizer/index.js b/packages/block-editor/src/components/block-alignment-visualizer/index.js
@@ -52,11 +52,11 @@ export default function BlockAlignmentVisualizer( {
 	}
 
 	return (
-		<Underlay
-			className="block-editor-alignment-visualizer"
-			focusedClientId={ focusedClientId }
-		>
-			<ShadowDOMContainer>
+		<ShadowDOMContainer>
+			<Underlay
+				className="block-editor-alignment-visualizer"
+				focusedClientId={ focusedClientId }
+			>
 				<Visualization
 					alignments={ availableAlignments }
 					contentSize={ layout.contentSize }
@@ -70,7 +70,7 @@ export default function BlockAlignmentVisualizer( {
 					wideSize={ layout.wideSize }
 					justification={ layout.justifyContent }
 				/>
-			</ShadowDOMContainer>
-		</Underlay>
+			</Underlay>
+		</ShadowDOMContainer>
 	);
 }