Accordion z-index high

[Xerxes0198]

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]

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.