Skip to content

Commit

Permalink
Merge pull request #15320 from opf/bug/53724-ckeditor-paragraph-toolb…
Browse files Browse the repository at this point in the history
…ar-item-is-cut-off-in-the-project-custom-field-dialog

[53724] ckEditor paragraph toolbar item is cut off in the project custom field dialog
  • Loading branch information
dombesz committed Apr 19, 2024
2 parents ad167ff + 86ef855 commit 598672d
Showing 1 changed file with 8 additions and 1 deletion.
9 changes: 8 additions & 1 deletion frontend/src/global_styles/content/editor/_ckeditor.sass
Original file line number Diff line number Diff line change
Expand Up @@ -92,6 +92,13 @@ ckeditor-augmented-textarea .op-ckeditor--wrapper
top: 0px
z-index: 2

// Reset these styles explicitly when the editor is opened inside a Dialog, as position: sticky opens a separate stacking context.
// In case the dialog has multiple editors below each other, these different context interfere and the paragraph dropdown of an editor will be behind the editor below it.
// See: WP#53724
dialog &
position: initial
z-index: auto

.ck.ck-toolbar.ck-rounded-corners
border-bottom-left-radius: 0
border-bottom-right-radius: 0
Expand All @@ -112,5 +119,5 @@ ckeditor-augmented-textarea .op-ckeditor--wrapper
margin-left: 0
margin-right: 40px

.ck tr .ck-editor__nested-editable
.ck tr .ck-editor__nested-editable
border: 1px solid var(--ck-color-base-border)

0 comments on commit 598672d

Please sign in to comment.