Overlay: highlighted-element and stage-element: z-index in container with fixed position

If I have a div with “position: fixed” as a container and in it an element (e.g. a p element) like <div style="position: fixed; ..."><p id="selector"></p></div> and I try to highlight the p inside the div, then the hightlight-stage will overlay the p (and of course the div). The z-index of the selected element won’t work right, because of the parent-div. You can see a demo at my site (I also included at first normal examples for test reasons) and in the image below.

The only way I found to fix it with dev tools was putting “z-index: 99999999999” in the div, but thats not a really good solution, if there are multiple elements in the div…

[dmartensson]

For animate mode, could you recursively walk up the element stack and apply an overlay behind every fixed and lift the fixed element above.

That way the element you need would be hoisted so its visible while recursively hide everything else?

[Naren-hybreeder]

@kamranahmedse , I am also getting the same issue, If I use animate version then I am getting the issue, If I use without animate then it’s working. How to use animated version with the above issues?