Skip to content

Comments

Add popover z index property.#670

Open
lukasbriza wants to merge 1 commit intomasterfrom
feature/popover-z-index
Open

Add popover z index property.#670
lukasbriza wants to merge 1 commit intomasterfrom
feature/popover-z-index

Conversation

@lukasbriza
Copy link
Contributor

No description provided.

@mbohal
Copy link
Contributor

mbohal commented Oct 31, 2025

I was hoping, that it could be somehow done without the user having to set it explicitly.

Maybe providing a high enough default?
How will this work with popover in <Modal>? (The native <modal> is rendered in the top stacking layer)

@mbohal mbohal requested a review from adamkudrna October 31, 2025 08:09
@github-project-automation github-project-automation bot moved this to 💡Ideas in The Board Feb 11, 2026
@adamkudrna adamkudrna moved this from 💡Ideas to 👀 In review in The Board Feb 11, 2026
Copy link
Member

@adamkudrna adamkudrna left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think this approach is robust and systematic. z-index is one thing, but current stacking context is actualy the key for it to work. Setting a higher z-index does not help when you are locked inside a stacking context. We need to make sure we are rendering the Popover either a) in the highest stacking context (usually solved via React Portal), or b) in the browser's top layer.

https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Positioned_layout/Stacking_context

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: 👀 In review

Development

Successfully merging this pull request may close these issues.

3 participants