Find And Replace dialog is hidden when using full-screen mode

Created on 11 October 2024, 2 months ago

Problem/Motivation

The Find And Replace dialog/popup is hidden under the full screen overlay. I've experienced this while using the Gin and Claro themes.

Steps to reproduce

  • Enable CKEditor 5 Find And Replace and CKEditor 5 Full-screen Mode
  • Configure CKEditor to use both of these options
  • Create or edit a page
  • Click the full screen button
  • Click the find and replace button

The same thing issue occurs if you are start with the default state of CKEditor, click find and replace then click full screen. The find and replace dialog will no longer be visible.

Proposed resolution

I'm not sure if this is the best fix but I added the following CSS selector (highlighted in bold) to fullscreen.css. I added this below the existing .ck-fullscreen-overlay .ui-dialog selector

.ck-fullscreen-overlay .ck-dialog-overlay {
  z-index: calc(var(--ck-z-modal) + 2) !important;
}
πŸ› Bug report
Status

Active

Version

1.2

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States todea

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024