Problem/Motivation

When adding/editing block using Layout Builder Modal in Mozilla Firefox browser, after embedding media in CKEditor field, all plain text fields became unfocusable(disabled) - text inside can not be added or edited. Reproduced ONLY on Mozilla Firefox browser, on Google Chrome or Microsoft Edge works well.

Steps to reproduce

  1. Use Mozilla Firefox browser
  2. Edit layout of any page
  3. Go to Create custom block
  4. Insert image or embed media in CKEditor body field
  5. Try to change block title field or any plain text field on popup
  6. Plain text fields is not accessible (disabled)

Reproduces on Drupal 9 fresh install.

Comments

kynafuro created an issue. See original summary.

simon georges’s picture

simon georges commented

One workaround is to click on "Source" button and back.

liam morland’s picture

liam morland
Primary language English
Location Ontario, CA 🇨🇦
commented
Version: 8.x-1.1 » 8.x-1.x-dev

We have noticed this as well. Focus also cannot be moved by pressing Tab.

volkswagenchick’s picture

volkswagenchick
she/her
Primary language English
Location San Francisco Bay Area
commented
Issue tags: +Accessibility

Adding Accessibility tag for wider visibility. Thanks

mark_fullmer’s picture

mark_fullmer
he/him
Primary language English
Location Tucson
commented
Status: Active » Closed (duplicate)

This looks to be a duplicate of the issue reported in #3063834: Cannot use CKEditor modals, which indicates that this is actually a core bug, not something caused by this module. I can confirm that the JS modification in that thread does resolve the issue.