React Apex Chart toolbar menu icon z-index is to high. How can I lower it?

Issue

How can I change the value of the z-index for the icons in the toolbar menu of React Apexchart.

No matter how high I place my element they are always above it.

Solution

Little bit too late but make sure to add the z-index property (z-index:12 should be enough) to the parent (or the higher parent) of the element you want to display above the apexchart toolbar. I’ve tried every parent of my element until it worked with a div !

Answered By – Emma Zn

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published