Hi,
Looking for info to fine-tune the stacking order of my tooltips. I have two types of icon components that both display a tooltip on click (they’re more like a disclosure or caption). The z-index of them when viewed on narrower desktop and tablet views shows them under their neighboring icons, but the tooltips need to always be above any neighboring icons. See image below. Any insight to adjust is appreciated.
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Tooltip is also going under text below even though it has a high z-index
Resolved: For anyone who comes across this page with the same issue, the parent container for the whole tooltip bundle has to have z-index set to auto.
One of our customers had a similar question so we wrote a script that allows you to easily fine-tune the stacking order of your tooltips.
Here is a link to the tutorial video that walks you through the question, and then the solution from start to finish.
Please feel free to tag me if you have any questions!
Happy Monday!
