Q: Way to layer UI elements ontop on rendered gerber

[nicolube]

Hello,
is there a way to put html elements ontop the render window?

Currently, whatever is reandered inside the view div is ontop of everything, nomather how I change the z-index.
U can see this when moving the boxes in engine/DEMO.tsx ontop of the menu elements, the grid dots / + marker is ontop of the buttons.

This even more noticable then we render something solid:

[nicolube]

@hpcreery Reply

For the HTML Element/Div you are setting z-index: # to, set the css 'position' property to something other than static (default). Static property prevents the z-index from having an effect on the element. See MDN Docs about this.

[nicolube]

I have to try that at some point when I come back to the panelizer preview...
I'm very much into CSS stuff... I tried a lot a few weeks ago... But I think I missed that.

@hpcreery Could u pls ajust DEMO.tsx in way where this issue is not reproducable.