Metro-UI-CSS icon indicating copy to clipboard operation
Metro-UI-CSS copied to clipboard

Select component issue with Window component overlay issue

Open AnotherSoul opened this issue 2 years ago • 4 comments

Above all, thank you for these wonderful tools!

Now the issue... The dropdown chevron of a select component placed in the background container is seen on top of the Windows component (and is clickable).

Regards

Here's a minimal code for the issue (sorry, the code tag seems buggy, you must edit my message to see it fully, and uploading an html file is not allowed) `

    <div data-role="window" class="p-2">
        This is a simple window
    </div>
    </div>
</body>`

AnotherSoul avatar May 30 '22 10:05 AnotherSoul

Screenshot of the issue: bug

AnotherSoul avatar May 30 '22 10:05 AnotherSoul

Please, create an example on codepen.io. Thank you.

olton avatar May 30 '22 10:05 olton

Codepen here: https://codepen.io/SuperJD/pen/rNJdNWW

AnotherSoul avatar May 30 '22 10:05 AnotherSoul

z-index of the .window class is 1 while z-index of the .dropdown-toggle::before class is 2... the .window class should have an higher z-index by default, I think.

AnotherSoul avatar May 30 '22 12:05 AnotherSoul