Post Editor: Prevent popover from being hidden by metabox

WordPress · Jul 25, 2024 · 071a5bd · 071a5bd
1 parent ae83155
commit 071a5bd
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss
@@ -3,6 +3,11 @@
 	clear: both;
 }
 
+.edit-post-layout .interface-interface-skeleton__body {
+	// Make this a stacking context to contain the z-index of children elements.
+	isolation: isolate;
+}
+
 // Adjust the position of the notices
 .components-editor-notices__snackbar {
 	position: fixed;

diff --git a/packages/edit-site/src/components/editor/style.scss b/packages/edit-site/src/components/editor/style.scss
@@ -3,6 +3,11 @@
 	transition: opacity 0.1s ease-out;
 	@include reduce-motion("transition");
 
+	.interface-interface-skeleton__body {
+		// Make this a stacking context to contain the z-index of children elements.
+		isolation: isolate;
+	}
+
 	&.is-loading {
 		opacity: 0;
 	}

diff --git a/packages/editor/src/components/visual-editor/style.scss b/packages/editor/src/components/visual-editor/style.scss
@@ -2,8 +2,6 @@
 	position: relative;
 	display: block;
 	background-color: $gray-300;
-	// Make this a stacking context to contain the z-index of children elements.
-	isolation: isolate;
 
 	// Centralize the editor horizontally (flex-direction is column).
 	align-items: center;