When using CKEditor in a jQuery UI dialog with the modal option, it is not possible to use text fields. The text fields within the modal dialog are not clickable. ex: in table properties

Comments

yasmeensalah created an issue. See original summary.

yasmeensalah’s picture

StatusFileSize
new1.21 KB

According to the related issue, Comment #17 will solve the issue.

yasmeensalah’s picture

Status: Active » Needs review
rajab natshah’s picture

Title: CKEditor text-fields not clickable due to interaction with jQuery UI dialogs » Fix CKEditor text-fields issue of not clickable texts due to interaction with jQuery UI dialogs
Issue summary: View changes
mohammed j. razem’s picture

Can you replace the patch to use Popper.js instead of jQuery UI? Or is Popper.js not ready yet to be used?

rajab natshah’s picture

Now Popper.js is loaded and used in all the site - Back-End and Front-End
Not sure if it will do the same function in dialogs or modals

Lauri from the Drupal Acceleration Team and Acquia helped us
In #3115895: Provide support for Popper.js ^2.0.0 core/popperjs library and Drupal 9

  • Drupal 8.8.x is using popper.js 1.x which work well with Bootstrap 4
  • Drupal 9.x is using popper.js 2.x .. which may have issues with the current Bootstrap 4

Updating to the latest Vartheme BS4 will help
https://www.drupal.org/project/vartheme_bs4/releases/8.x-6.8

Using core/popperjs from Drupal core in

Please follow with #3115895: Provide support for Popper.js ^2.0.0 core/popperjs library and Drupal 9
If you needed to update your old generated sub theme

I do think core/jquery.ui.dialog may stay in core code
if you search for it in #3051352: [Plan] Remove unused jQuery UI components and replace with a suite of contrib packages for the continuous upgrade path

rajab natshah’s picture

Popperjs is a replacement for something else
Popper.js added to Drupal core to replace jQuery UI Position
https://www.drupal.org/node/3086643

core/jquery.ui.dialog has no replacement yet!

core.libraries.yml

Better to use core/drupal.dialog so it will work even if they did the switch to other ui library

rajab natshah’s picture

Status: Needs review » Needs work
rajab natshah’s picture

The "core/jquery.ui.dialog" asset library is deprecated in drupal:8.8.0 and is removed from drupal:9.0.0. See https://www.drupal.org/node/3067969

rajab natshah’s picture

Assigned: Unassigned » rajab natshah
Status: Needs work » Active
rajab natshah’s picture

Title: Fix CKEditor text-fields issue of not clickable texts due to interaction with jQuery UI dialogs » Fix CKEditor text-fields issue of not clickable texts due to interaction with core/drupal.dialog

  • RajabNatshah committed 23fa9c8 on 8.x-1.x
    Issue #3122537: Fix CKEditor text-fields issue of not clickable texts...
rajab natshah’s picture

Assigned: rajab natshah » mohammed j. razem
Status: Active » Needs review
Issue tags: +varbase-8.8.5
rajab natshah’s picture

Assigned: mohammed j. razem » Unassigned
rajab natshah’s picture

Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.