Problem/Motivation
Modal dialogs (such as the link dialog) in the CKEditor 5 WYSIWYG toolbar do not activate when CKEditor is within a modal. This may be a regression of #3274937: Get CKEditor 5 to work in (modal) dialogs
Steps to reproduce
Simple steps to reproduce quickly:
- Install ckeditor_test test module
- Go to /ckeditor5_test/dialog
- Click add node
- Click on the link toolbar icon
Real world example to reproduce:
- Create a content type (eg: Article) with a Media field that references the Image media type
- Add a rich text field to the Image media entity type (eg: Caption) and configure it to use a text format that supports links and uses CKEditor 5.
- Add a new node (eg Article) and add a new Image.
- Try to link text in the rich text field.
Cause
This is a CSS z-index
issue. The z-index
of the CK5 balloon modals is 1000. While the z-index
of the jQueryUI Dialog modals is 1260. The z-index
needs to be set to a minimum of 1261.
Proposed resolution
Fix the bug that is preventing text from being linked.
Remaining tasks
Identify cause of bugSubmit merge requestTest- Get maintainer approval
User interface changes
Balloons from CK Editor are now visible within dialogs, pop-ups, and modal windows.
Introduced terminology
N/A
API changes
N/A
Data model changes
N/A
Release notes snippet
Balloons from CK Editor are now visible within dialogs, pop-ups, and modal windows.