CKEditor native dialogs not clickable inside of jQuery UI dialogs

Created on 1 July 2019, almost 5 years ago
Updated 18 March 2024, 3 months ago

Problem/Motivation

When using CKeditor in a jQuery UI dialog with the modal option set as TRUE, it is not possible to CKeditor native dialogs. The text fields within the modal dialog are not clickable.

Proposed resolution

Extend the dialog by using the jQuery UI native widget factory feature. By the way, jQuery UI itself uses exactly the same example for demonstration purposes of extending _allowInteraction( event ) method, see https://api.jqueryui.com/dialog/#method-_allowInteraction:

Modal dialogs do not allow users to interact with elements behind the dialog. This can be problematic for elements that are not children of the dialog, but are absolutely positioned to appear as though they are. The _allowInteraction() method determines whether the user should be allowed to interact with a given target element; therefore, it can be used to whitelist elements that are not children of the dialog but you want users to be able to use.

Remaining tasks

Review a patch

User interface changes

None

API changes

None

Data model changes

None

πŸ› Bug report
Status

RTBC

Version

1.0

Component

Code

Created by

πŸ‡§πŸ‡ͺBelgium PascalMortier

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024