ckeditor icon indicating copy to clipboard operation
ckeditor copied to clipboard

[5.x]: CKEditor - toolbar overlays are going behind other toolbars

Open vonscriptor opened this issue 9 months ago • 3 comments

What happened?

Description

Say you have 2 CKEditor fields one after the other. When you click to display the Styles/Add a link/etc its overlay content is underneath the following CKEditor field's toolbar.

Steps to reproduce

  1. Create 2 CKEditor fields, and the 1st with Styles or anchor option, etc (anything with an overlay menu)
  2. Edit entry with those fields in a slide out panel
  3. Click the 1st CKEditor field's Styles to display the overlay and see that it's behind the 2nd CKEditor field's toolbar

Expected behavior

The CKEditor overlays should be above other CKEditor field toolbars.

Actual behavior

The CKEditor overlays go underneath other CKEditor field toolbars.

Craft CMS version

5.6.5.1

PHP version

No response

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

vonscriptor avatar Mar 03 '25 19:03 vonscriptor

2 CKEditor fields after one another displayed in a slide out panel of an entry. Image

Z-index issue examples:

Styles Image

Anchor Image

Font Colors Image

vonscriptor avatar Mar 03 '25 19:03 vonscriptor

FYI, this doesn't appear to be an issue when not in a slide out panel (when editing the entry in a new tab).

vonscriptor avatar Mar 03 '25 19:03 vonscriptor

Hi, thanks for reporting! I raised a PR for this.

i-just avatar Mar 10 '25 13:03 i-just

CKEditor 3.12.0 and 4.7.0 are out with that fix. Thanks again!

brandonkelly avatar Apr 21 '25 23:04 brandonkelly