z-index on floating ui components seems to be failing

[aaronstezycki]

Hi I've created a few re-usable components with floating parts, i.e the select, and popovers. Strangely I've used these components a few times and had no problems with z-index, but on this one svelte kit app, all the elements get rendered with z-index: auto instead of applying correct z-index of '7000' or an index higher that the parent.

Can anyone advise how the components automatically apply z-index when using floating content wrappers? There something I'm missing?

[aaronstezycki]

It seems you now have to explicitly apply z-index to the popover containers in order for it to layer the component correctly. I've seen some recent fixes merged on the bits ui site which seems to indicate a change in how the component calculates it on the fly.

Adding z-20 directly to <Select.Content> seemed to fix it.