Contrib.social

The jQuery UI Dialog Bridge setting is not compatible with CKEditor 5

Open on Drupal.org →
Created on 6 June 2023, over 1 year ago
Updated 8 September 2023, over 1 year ago

Problem/Motivation

I like to use Bootstrap modals over the jQuery UI ones but after installing CKEditor 5, some issues appeared. I found out that CKEditor uses a dialog fix javascript that fixes focus issues with the jQuery UI Dialog, but that should be ignored when we enable the modal bridge setting.

Steps to reproduce

- Install Drupal with the Bootstrap theme and CKEditor 5
- Enable the jQuery UI Dialog Bridge setting
- When you open a modal that has an instance of CKEditor 5 inside, we get the following error in the console:

widget.js:104 Uncaught TypeError: i is not a constructor
    at t.widget (widget.js:104:18)
    at ckeditor5.dialog.fix.js?v=9.5.9:8:5
    at ckeditor5.dialog.fix.js?v=9.5.9:13:3

Proposed resolution

Bootstrap already unsets the dialog.jquery-ui.js file from the drupal.dialog library, we can do the same for the ckeditor5.dialog.fix.js as it is unnecessary in our case.

🐛 Bug report
Status

Fixed

Version

3.28

Component

Code

Created by

robbevb

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

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024