From 071a5bd1cfc0d2fdf8f4b687dc52ff2d49c865f8 Mon Sep 17 00:00:00 2001
From: Aki Hamano <tetsuaki.hamano@gmail.com>
Date: Thu, 25 Jul 2024 22:02:41 +0900
Subject: [PATCH] Post Editor: Prevent popover from being hidden by metabox

---
 packages/edit-post/src/components/layout/style.scss     | 5 +++++
 packages/edit-site/src/components/editor/style.scss     | 5 +++++
 packages/editor/src/components/visual-editor/style.scss | 2 --
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss
index 5fdaceaa002be9..47f277bea36713 100644
--- 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
index b157057062c9d1..28360b6864052b 100644
--- 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
index 2d7ed665a957f3..18a61827d573da 100644
--- 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;