Dialog on the node preview page is broken

Created on 13 October 2023, about 1 year ago
Updated 17 October 2023, about 1 year ago

Problem/Motivation

When clicking on any link in the node preview page, a dialog opens asking if you're sure you want to navigate away from the page. The z-indexes of the dialog and the semi-transparent backdrop seem to be wrong, causing the buttons in the dialog to not be clickable.

The dialog theming is part of core/themes/claro/css/components/jquery.ui/theme.css and uses the --jui-dialog-z-index CSS variable to set the z-indexes of the dialog and the backdrop. That variable is part of core/themes/claro/css/base/variables.css, which in turn is part of the claro/global-styling library, which is not explicitly loaded because it is assumed to be loaded automatically when the current theme is Claro. But the current theme is not Claro, because we're in a frontend preview.

Steps to reproduce

Visit a node preview page and click on any link.

Proposed resolution

Also add the claro/global-styling library as a dependency in gin_toolbar_library_info_alter.

🐛 Bug report
Status

Fixed

Version

3.0

Component

Code

Created by

🇧🇪Belgium dieterholvoet Brussels

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024