>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3393902. --> Reported by: [dieterholvoet](https://www.drupal.org/user/3567222) Related to !316 !33 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>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.</p> <p>The dialog theming is part of <code>core/themes/claro/css/components/jquery.ui/theme.css</code> and uses the <code>--jui-dialog-z-index</code> CSS variable to set the z-indexes of the dialog and the backdrop. That variable is part of <code>core/themes/claro/css/base/variables.css</code>, which in turn is part of the <code>claro/global-styling</code> 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.</p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <p>Visit a node preview page and click on any link.</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Also add the <code>claro/global-styling</code> library as a dependency in <code>gin_toolbar_library_info_alter</code>.</p>