Z-index management

This is not exactly what you’re asking for, but you may be able to work around this issue by flipping the auto layout canvas stacking order as shown in the attached image.

Hey, thanks that solves the issue but only when you are actually making a layout.
I prepare components for further use by others and it’s not very handy to constantly tell them to change the stacking.

I'm also experiencing the same problem and haven't been able to find a viable solution.

I totally agree, we need z-index management.

In the example I attach below I’ve set the stacking as first on top because I need the gradient on the background to be under the carrousel. I need it to be under the faqs box too. However as the faqs box is positioned after the text with the gradient background it stays below.

Maybe I could set them both in an auto layout, change the stacking order for them both and keep the page autolayout as first on top but it would be much easier to have a z index input for each autolayout child.

 

My main headache and pain point with the lack of z-index management, similar to what is available in CSS, is dealing with tooltips on a table: I understand that the “Canvas stacking” option in the auto layout settings can resolve this issue in some cases, but in tables, it is impossible for the tooltips to cover the entire content because there is always a row above or below that clips the tooltip. If we could set an index, i would be able to make the tooltip cover all the components and layers of this table. For the “kebab menu actions” i prioritize that the manu itself don’t get clipped. Here are screenshots of what I’m dealing:

I hope they add this feature some day. But for now, i have to show to my clients these ugly tooltips and menus in my tables.