Issue

When editing an inline block through Layout Builder Modal that has a CKEditor managed full text field, selecting the CKEditor "Maximize" button results in a grey overlay box with nothing showing in it. There is no way to close the overlay or do anything useful without reloading the page in your browser.

This functionality did work in the past, but unfortunately I didn't dig into the issue soon enough to pinpoint exactly when it broke.

How to Reproduce

  1. Set up a site with Layout Builder and Layout Builder Modal.
  2. Add the "Maximize" button to the toolbar for one of your text formats ("Basic HTML", "Full HTML")
  3. Enable Layout Builder for a content type and "Allow each content item to have its layout customized."
  4. Create a new page, and in the Layout view, add a "Basic block" as an inline block.
  5. While configuring/editing that block, select the "Maximize" button in CKEditor (has four arrows pointing to each corner of the button)

Likely Source / Workaround

After disabling everything custom and testing against a stock setup with Bartik while debugging from the browser inspector, I finally looked at Layout Builder Modal's global configuration and tried disabling "Auto resize". Doing so solved the problem, though of course the modal no longer resizes automatically. I suspect the problem is connected to that JavaScript code, which is likely not handling (perhaps overriding) CKEditor's attempt to maximize its modal.

The Maximize feature was working earlier this year, though I don't have an exact date. Since there haven't been any notable updates to Layout Builder Modal since January, I'd assume a core Drupal update may have changed some core jQuery code that's used for the auto resize function, but that's just a semi-educated guess.

This may be a bit obscure to fix, but wanted to document the issue and the workaround in case others discover the same problem. That said, the Maximize feature is extremely useful when one needs to work with a large chunk of content on a page, and I had been using hit heavily as I migrated Paragraphs pages into Layout Builder.

Comments

iacwebdev created an issue.

ebremner’s picture

I can confirm that we are getting the same issue and that this workaround does indeed solve the problem, but like mentioned the auto resize does not work and you have to scroll on the box.