--jui-dialog-z-index is not set

Created on 10 October 2023, over 1 year ago

Updated 26 October 2023, about 1 year ago

Problem/Motivation

Steps to reproduce

Click Configure on a block's contextual menu in layout builder.
A modal window will open with the configuration screen in it.
The z-index value for .ui-dialog box is not properly set because the file /core/themes/claro/css/base/variables.css is not being loaded.
The result is something similar to the attached screen shot.

Temporary solution

I have temporary solved the issue by adding the following code inside my theme's libraries file:

dialog:
  version: VERSION
  css:
    component:
      css/components/dialog.css:
        weight: -10
    theme:
      '/core/themes/claro/css/base/variables.css': { type: external },

🐛 Bug report

Status

Active

Version

1.2

Component

User interface

Created by

🇪🇸Spain altrugon

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @altrugon
Comment about 1 year ago →
🇬🇧United Kingdom Alina Basarabeanu
We came across this issue too.
The latest Claro variables.css file contains colours used for the jQuery.UI dropdown which are not loaded inside the layout builder modal.
We had to include the '/core/themes/claro/css/base/variables.css' file within our custom theme.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024