How to avoid Z-INDEX war

1. Sensible DOM order with occasional z-index

2. Isolation: isolate

// css, to put the heading into a separate stacking context
.heading-wrapper {
isolation: isolate;
}

3. Isolate <div id=”root” /> for Modal

#root{
isolation:isolate;
}

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store