spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

Published 20 hours ago • verified publisher icon adobe

Overlay: allow changing z-index

Open adixon-adobe opened this issue 3 years ago • 1 comments

Expected Behaviour

Overlay z-index is changeable via a css custom property

Actual Behaviour

It's hard coded to 1000

adixon-adobe avatar Jan 05 '22 21:01 adixon-adobe

Could you share a little more about the use case here?

Is the goal to just make it universally different?

Or do you actually have a context where some overlays should be of different z-indexes? In which case, I'm not sure a CSS Custom Property is the sort of API that would make such an API each to consume...

Westbrook avatar Jan 05 '22 21:01 Westbrook

This is something to investigate as we refactor the overlay API, but without an investigation or a repro, it can't be an actionable item at this point.

najikahalsema avatar Oct 13 '22 19:10 najikahalsema

We'll be surfacing --swc-overlay-z-index-base as a custom property to outline the floor of the Overlay stack when AND ONLY WHEN the stack is being delivered in a fallback context. When delivered with the popover API, the popover stack will place content on the Top Layer of the browser, which manages content via a strict stack.

Westbrook avatar Jul 14 '23 13:07 Westbrook