Use the z-index map

WordPress · Jul 23, 2024 · 8505d83 · 8505d83
1 parent cc9a0fa
commit 8505d83
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
@@ -21,6 +21,7 @@ $z-layers: (
 	".interface-complementary-area .components-panel__header": 1, // higher sticky element
 
 	".components-modal__header": 10,
+	".edit-post-layout.has-metaboxes .edit-post-visual-editor": 1, // The popovers contained in visual editor go in front of the metabox container.
 	".edit-post-meta-boxes-area.is-loading::before": 1,
 	".edit-post-meta-boxes-area .spinner": 5,
 	".components-popover__close": 5,

diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss
@@ -9,7 +9,7 @@
 }
 
 .edit-post-layout.has-metaboxes .edit-post-visual-editor {
-	z-index: 99;
+	z-index: z-index(".edit-post-layout.has-metaboxes .edit-post-visual-editor");
 }
 
 // Adjust the position of the notices