Problem/Motivation
In Layout Builder, when the user chooses the options "Add Block", "Configure Block", "Remove Block", "Add Section", "Remove Section", "Configure Section", a dialog opens. Once the dialog is open, there is no visual indication of the Block/Section is is acting on. In some cases, this active element is pushed out of the viewport. This can make working with dialogs very confusing.
Proposed resolution
- The clicked element opening the dialog should remain within the viewport after the right panel appears (canvas resizing can push it out of view)
- The area of the page the dialog is acting on should be outlined.
Example:
Originally from From #2940212-12: [meta] Miscellaneous UI issues for the Layout Builder module
Remaining tasks
Reviews
User interface changes
Element triggering dialogs will be highlighted. If the dialog appearing pushes the element offscreen, the page will automatically scroll to bring the triggering element back into view.
API changes
None
Data model changes
N/A
Release notes snippet
N/A
