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.

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

Dropdowns are behind blur cards in Device Page #4

Open
ibrahim-mubarak opened this issue May 4, 2024 · 1 comment
Open

Dropdowns are behind blur cards in Device Page #4

ibrahim-mubarak opened this issue May 4, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@ibrahim-mubarak
Copy link

In Device Page, on clicking any of the buttons that open a dropdown, they are opened behind other cards.

Screenshot 2024-05-04 at 11 24 42 AM
@Nezz Nezz added the bug Something isn't working label May 4, 2024
@Nezz
Copy link
Owner

Nezz commented May 4, 2024

Thanks for the report. The issue is caused by the backdrop-filter (blur) creating a new stacking context for each card. Since this is set on each card individually, the dropdown's z-index will not apply to other cards and they will end up getting drawn on top. This visual language depends heavily on the blur effect which sadly creates issues with these dropdowns :(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants