Claro theme overriding the position of the close button on dialogs

Seeing something similar manifest in webform dialogs also.

Could you please provide the steps to reproduce it? This will help us understand the context.

• Install layout_builder_iframe_modal
• Enabled layout builder on a content type
• Create a node and the edit the layout
• add a section and then add a block
• Select "Create content block"
• Select the basic content block and it should open in a modal
• You should notice that the close button, while present, is not visible

Hi @jphelan, I couldn't reproduce the issue on my end, i tried with the versions mentioned below

Gin theme version: 4.0.6
Layout Builder iFrame Modal version: 1.3.6

Could you please let me know which version of the Layout Builder iFrame Modal you're using?

Drupal Version - 11.1.5
Gin 4.0.6
layout_builder_iframe_modal 1.3.6

Attached my gin theme settings.

Odd, you don't see the
core/themes/claro/css/components/dialog.css
styles loading and overriding the gin styles?
themes/contrib/gin/dist/css/components/dialog.css

Yes @jphelan, this issue is reproducable and the css is coming from claro which is overriding gin styles. i am attaching SS for reference.
I am working on it.

Hi @jphelan,

I have resolved the issue. The root cause was related to CSS specificity — Claro's CSS was more specific than Gin's. I adjusted Gin’s dialog CSS to match the specificity of Claro's, and that resolved the overriding problem. No changes to Gin's code were necessary beyond that.

Please let me know if you need any further changes.

Thank you!

hello , I have tested this issue on Drupal Version 11.1.6, and it appears that the issue is not replicated in this version. It seems the problem has been resolved in the latest version. I would recommend upgrading to 11.1.6 for anyone experiencing this issue.
Added screenshot for reference.

Hi @snehal-chibde you are supposed to test this issue in Gin. The image you have provided it seems claro theme.

hello @sandip I have checked this on Gin theme and its not replicated.
Added screenshot for reference.

@snehal-chibde, but i recheck this on latest 11.x version of Drupal again but this issue still persists. Lets wait for other reviewers if they also able to reproduce it.

I have followed the steps , But not able to reproduce this issue . I have enabled gin theme
Im using :
Drupal - 11.1.8
Gin 4.0.6
layout_builder_iframe_modal 1.3.6

I am seeing this issue as well, but with the Layout Builder Browser module and Gin version 5.
Drupal 11.2.2
layout_builder_browser 8.x-1.8
Gin 5.0.2

The provided style overrides do work for me, but need additional specificity to override Claro.