Merge pull request #348 from craftcms/bugfix/345-toolbar-dropdown-ove…

…rflow prevent toolbar dropdown from overflowing in slideouts
craftcms · Jan 23, 2025 · 47a4485 · 47a4485
2 parents 9cdc0e5 + c327914
commit 47a4485
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Release Notes for CKEditor for Craft CMS
 
+## Unreleased
+
+- Fixed a bug where toolbar menus weren’t usable within slideouts. ([#345](https://github.com/craftcms/ckeditor/issues/345))
+
 ## 3.10.0 - 2024-10-19
 
 - Image toolbars now include an “Edit Image” button. ([#253](https://github.com/craftcms/ckeditor/issues/253))

diff --git a/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css b/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css
diff --git a/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css.map b/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css.map
diff --git a/src/web/assets/ckeditor/src/ckeditor5-craftcms.css b/src/web/assets/ckeditor/src/ckeditor5-craftcms.css
@@ -143,3 +143,17 @@ a.ck.ck-button:focus {
   border-bottom-right-radius: var(--ck-border-radius);
   background: var(--ck-color-base-background);
 }
+
+/* start fix for https://github.com/craftcms/ckeditor/issues/345 */
+.so-body .ck-toolbar_grouping {
+  position: relative !important;
+}
+
+.so-body .ck-toolbar_grouping .ck.ck-dropdown {
+  position: static;
+}
+
+.so-body .ck.ck-toolbar-dropdown > .ck-dropdown__panel {
+  width: 100%;
+}
+/* end fix */