Skip to content

Fix dropdown z index#2522

Merged
charliepark merged 3 commits into
mainfrom
fix_dropdown_zIndex
Oct 28, 2024
Merged

Fix dropdown z index#2522
charliepark merged 3 commits into
mainfrom
fix_dropdown_zIndex

Conversation

@charliepark

Copy link
Copy Markdown
Contributor

Per #2521, action menu dropdowns were stacking behind the footer bar, which has a z-index of 20.
image

This PR updates the imported classes for .DropdownMenuContent to use a z-index of 25. We also had a few overrides of the default z-index in TopBar and TopBarPicker, but since those are now using the same z-index, we can remove the overrides.

Screenshot 2024-10-28 at 2 35 21 PM

I have clicked through as many scenarios as I can think of regarding popovers and modals, and all seem to be working as expected.

Closes #2521.

@vercel

vercel Bot commented Oct 28, 2024

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
console ✅ Ready (Inspect) Visit Preview Oct 28, 2024 10:19pm

@david-crespo david-crespo left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Looks good. I also couldn't find any issues.

Comment thread app/ui/styles/components/menu-button.css
Co-authored-by: David Crespo <david-crespo@users.noreply.github.com>
@charliepark charliepark enabled auto-merge (squash) October 28, 2024 22:20
@charliepark charliepark merged commit 3474c6c into main Oct 28, 2024
@charliepark charliepark deleted the fix_dropdown_zIndex branch October 28, 2024 22:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Table menu button dropdown goes behind bottom bar

2 participants