Accordion z-index high
Xerxes0198 opened this issue · 1 comments
Xerxes0198 commented
I am experiencing an issue where the very high z-index of the accordion is coming through to elements which are rendered on top of them. For instance, a modal.
I was hoping someone could explain why the z-index was so high.
&:focus { z-index: 100; }
wibily commented
It's probably inspired by having a z-index scale. Ie https://material-ui.com/customization/z-index/. By setting the z-index of the Modal component so high, you know that you'll definitely cover all the stuff with z-indexes under that whilst allowing you to have z-indexes of 100+ for stuff you want on top of the Modal. If it wasn't so high, then it'll be easy to forget what the z-index of the Modal was and have things accidentally appear above it.