Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Popovers have drastically different z-indexes depending on the side they're attached to #16462

Open
rmccue opened this issue Jul 8, 2019 · 2 comments
Open

Popovers have drastically different z-indexes depending on the side they're attached to #16462

rmccue opened this issue Jul 8, 2019 · 2 comments
Labels
[Feature] UI Components Impacts or related to the UI component system [Status] Needs More Info Follow-up required in order to be actionable. [Type] Enhancement A suggestion for improvement.

Comments

@rmccue
Copy link
Contributor

rmccue commented Jul 8, 2019

Popovers attached to the left of an element have z-index: 1000000 (that is, 1 million)
Popovers attached to the bottom of an element have z-index: 99990 (that is, just over 99 thousand)

When a popover recalculates its position (e.g. the item it is attached to moves), the z-index changes, and the popover can disappear completely (e.g. if the popover is being shown in the prepublish sidebar, which has z-index: 100001 (that is, just over 100 thousand)).
@rmccue
Copy link
Contributor Author

rmccue commented Jul 8, 2019

Specifically: .components-popover:not(.is-mobile).is-bottom has the low z-index, whereas the default on .components-popover has the much higher z-index.

@swissspidy swissspidy added the [Feature] UI Components Impacts or related to the UI component system label Jul 8, 2019
@jordesign jordesign added [Type] Enhancement A suggestion for improvement. [Status] Needs More Info Follow-up required in order to be actionable. labels Aug 4, 2023
@jordesign
Copy link
Contributor

Hey @rmccue - just checking in on this old issue. Do you still see this issue in place when testing?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Feature] UI Components Impacts or related to the UI component system [Status] Needs More Info Follow-up required in order to be actionable. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@rmccue @swissspidy @jordesign