search

olton / Metro-UI-CSS

Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
http://metroui.org.ua/
MIT License
7k stars 1.97k forks source link

Select component issue with Window component overlay issue #1867

Open AnotherSoul opened 2 years ago

AnotherSoul commented 2 years ago

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 commented 2 years ago

Screenshot of the issue: bug

olton commented 2 years ago

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

AnotherSoul commented 2 years ago

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

AnotherSoul commented 2 years ago

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.