Problem/Motivation

Confirmation dialog boxes obscured by right hand node options panel on "smaller" screens.

screenshot of dialog box

Steps to reproduce

using layout paragraphs module on a node edit form and adding/removing components to trigger confirmation dialog.

Proposed resolution

CSS z-index maybe?

CommentFileSizeAuthor
#6 Screenshot 2022-03-24 at 08.44.46.png118.41 KBbudda
Screenshot 2022-03-23 at 13.14.55.png48.58 KBbudda

Comments

budda created an issue. See original summary.

saschaeggi’s picture

saschaeggi
he/him
commented
Title: Confirmation dialog box buttons obscured by right hand node options panel » [layout_paragraphs] Confirmation dialog box buttons obscured by right hand node options panel
Status: Active » Postponed (maintainer needs more info)

I just checked with Layout Paragraphs 1.0 and eveythings seems to be normal. Do you use any custom CSS overrides or a subtheme maybe?
Or are you using 2.x by any chance?

budda’s picture

budda
Primary language English
Location Cheshire
commented

Using 8.x-3.0-beta1 and no Gin sub-theme.

It's the distro from https://localgovdrupal.org/

saschaeggi’s picture

saschaeggi
he/him
commented

As I mentioned before: What Layout Paragraphs version are you using? Could it be that there are some localGov overrides?
If it's Layout Paragraphs 1.0 it doesn't seem to be Gin related.

budda’s picture

budda
Primary language English
Location Cheshire
commented

Your previous question didn't ask "What Layout Paragraphs version are you using?" - so I did not provide that information.

Localgov distribution bundles the module:

Machine name: layout_paragraphs
Version: 1.0.0

Where would CSS overrides be getting applied to the Gin theme? Happy to go digging to confirm.

budda’s picture

budda
Primary language English
Location Cheshire
commented
StatusFileSize
new Screenshot 2022-03-24 at 08.44.46.png118.41 KB

If i switch to the Claro theme and try deleting a paragraph component the dialog box appears on top of everything just fine, which is why I thought it would be Gin specific.

Claro theme dialog box

saschaeggi’s picture

saschaeggi
he/him
commented

Or are you using 2.x by any chance?

I did – as I wanted to rule out you're using 2.x. But maybe it was not obvious enough, sorry 😉

It could be anywhere tbh. Most likely from a contrib module or maybe there is a gin-custom.css with overrides in place.
You might look for a z-index that gets applied to .layout-region-node-secondary (most likely).

I'm running a site with layout_paragraphs as well (several actually) and do not see this behavior in any site. I just checked it again on two different sites.

Only local images are allowed.

saschaeggi’s picture

saschaeggi
he/him
commented

You can also try to use the latest Gin 8.x-3.x-dev to maytbe rule out it's happening with the latest version with Gin.

saschaeggi’s picture

saschaeggi
he/him
commented
Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)

Closing this as I didn't hear back.