Merge pull request #17085 from ckeditor/builder/dropdown-menu-panel-s…

…pecificity Fix (ui,theme-lark): Increased the specificity of the dropdown menu panel styles to address issues with incorrect `z-index` ordering.
ckeditor · Sep 17, 2024 · 3df198a · 3df198a
2 parents 2b74a8a + beaa56f
commit 3df198a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/...es/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenupanel.css b/...es/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenupanel.css
@@ -10,7 +10,7 @@
 	--ck-dropdown-menu-menu-panel-max-width: 75vw;
 }
 
-.ck.ck-dropdown-menu__nested-menu__panel {
+.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
 	@mixin ck-drop-shadow;
 
 	background: var(--ck-color-dropdown-panel-background);

diff --git a/packages/ckeditor5-ui/theme/components/dropdown/menu/dropdownmenupanel.css b/packages/ckeditor5-ui/theme/components/dropdown/menu/dropdownmenupanel.css
@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-.ck.ck-dropdown-menu__nested-menu__panel {
+.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
 	position: absolute;
 	max-height: 314px; /* With the default settings, this is equal to 10 menu items. */
 	overflow-y: auto;