Ensure overlapping popovers from block editor are rendered above oth…

…er interfaces' elements (directus#21522)
VincentKempers · Feb 22, 2024 · 20a13d8 · 20a13d8
1 parent 4727763
commit 20a13d8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/mean-plants-cross.md b/.changeset/mean-plants-cross.md
@@ -0,0 +1,5 @@
+---
+'@directus/app': patch
+---
+
+Ensured overlapping popovers from block editor are rendered above other interfaces' elements
diff --git a/app/src/interfaces/input-block-editor/editorjs-overrides.css b/app/src/interfaces/input-block-editor/editorjs-overrides.css
@@ -2,6 +2,9 @@
 	--bg-color: var(--theme--background-normal) !important;
 	--front-color: var(--theme--form--field--input--foreground) !important;
 	--border-color: var(--theme--form--field--input--border-color) !important;
+
+	/* To ensure overlapping popovers are rendered above other interfaces' elements (Map / WYSIWYG) */
+	z-index: 3;
 }
 
 .codex-editor ::selection {