Switch to using a modal dialog rather than the tray for Layout Builder and previews

Created on 26 May 2022, over 2 years ago
Updated 24 May 2023, over 1 year ago

We have been putting up with the tray in Layout Builder for quite a long time.

In order to make this work, we expanded its width in #3119481: Allow making the Layout Builder tray wider and re-implemented a live preview in a new way - see:

However, while this has sort of worked, there have been constant little problems, the usability isn't nearly as good as Panopoly 1.x, and a possibly unsolvable problem with previews being styled differently in the tray than they will be when actually used (which kind of defeats the purpose of a preview).

So, I'm proposing we start using Layout Builder Modal and return to doing our previews the old way. This should get our usability back to where it was, completely eliminate the styling problem, and hopefully have fewer weird edge cases.

📌 Task
Status

Fixed

Version

2.0

Component

Magic

Created by

🇺🇸United States dsnopek USA

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.

  • Is there a possibility of adding an option to continue using the off-canvas dialog instead of a modal? When creating custom blocks, the preview is displayed directly in the Layout Builder interface, not the tray, so there are no problems with it being styled differently. And having the live preview directly in the Layout Builder interface provides a a simpler experience when designing a page than having the page obscured by a modal dialog does.

Production build 0.71.5 2024