[GH-ISSUE #4] Dropdowns are behind blur cards in Device Page #2

Closed
opened 2026-05-07 00:16:59 +02:00 by BreizhHardware · 9 comments

Originally created by @ibrahim-mubarak on GitHub (May 4, 2024).
Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/4

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
Originally created by @ibrahim-mubarak on GitHub (May 4, 2024). Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/4 In Device Page, on clicking any of the buttons that open a dropdown, they are opened behind other cards. <img width="699" alt="Screenshot 2024-05-04 at 11 24 42 AM" src="https://github.com/Nezz/homeassistant-visionos-theme/assets/47777720/cf8f79b4-b96e-4816-a5c0-90dbc2751d93">
BreizhHardware 2026-05-07 00:16:59 +02:00
  • closed this issue
  • added the
    bug
    label
Author
Owner

@Nezz commented on GitHub (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 :(

<!-- gh-comment-id:2094294448 --> @Nezz commented on GitHub (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 :(
Author
Owner

@ahwman commented on GitHub (Feb 15, 2025):

So there is no possible fix for this issue?

<!-- gh-comment-id:2661071740 --> @ahwman commented on GitHub (Feb 15, 2025): So there is no possible fix for this issue?
Author
Owner

@stefanhintermayr commented on GitHub (Feb 27, 2025):

Mean, this ist the same problem?

Image

Image

<!-- gh-comment-id:2687005095 --> @stefanhintermayr commented on GitHub (Feb 27, 2025): Mean, this ist the same problem? ![Image](https://github.com/user-attachments/assets/414039e9-9188-4e90-af3f-9dbe5ea3b5ff) ![Image](https://github.com/user-attachments/assets/1aa2e5fe-03ff-4613-9594-67785bbc0539)
Author
Owner

@Nezz commented on GitHub (Feb 27, 2025):

Yes, that has the same root cause.

<!-- gh-comment-id:2687066421 --> @Nezz commented on GitHub (Feb 27, 2025): Yes, that has the same root cause.
Author
Owner

@zappbrannigan77 commented on GitHub (Mar 10, 2025):

hi, first of all thank you very much for your work, i have the same problem, is there a solution?

<!-- gh-comment-id:2710853838 --> @zappbrannigan77 commented on GitHub (Mar 10, 2025): hi, first of all thank you very much for your work, i have the same problem, is there a solution?
Author
Owner

@SilenceMessiah commented on GitHub (Jun 26, 2025):

Also from me thank you very much for this theme! It looks really great.
I hope there is a fix for this issue.

<!-- gh-comment-id:3007005582 --> @SilenceMessiah commented on GitHub (Jun 26, 2025): Also from me thank you very much for this theme! It looks really great. I hope there is a fix for this issue.
Author
Owner

@Nezz commented on GitHub (Jun 26, 2025):

The HA team is working on replacing the dropdowns with one that's compatible with the blur effects:
https://www.home-assistant.io/blog/2025/06/11/release-20256/#improving-all-the-pickers

Hopefully it will come to all the different kinds of dropdowns soon.

<!-- gh-comment-id:3007417657 --> @Nezz commented on GitHub (Jun 26, 2025): The HA team is working on replacing the dropdowns with one that's compatible with the blur effects: https://www.home-assistant.io/blog/2025/06/11/release-20256/#improving-all-the-pickers Hopefully it will come to all the different kinds of dropdowns soon.
Author
Owner

@hedegaard1 commented on GitHub (Jun 26, 2025):

Same problem here....
Hope it will soon be solved as this theme is really nice. :-)

<!-- gh-comment-id:3007815790 --> @hedegaard1 commented on GitHub (Jun 26, 2025): Same problem here.... Hope it will soon be solved as this theme is really nice. :-)
Author
Owner

@Nezz commented on GitHub (Aug 10, 2025):

The issue should be fixed in release 2.0, let me know if it doesn't work.

<!-- gh-comment-id:3172603213 --> @Nezz commented on GitHub (Aug 10, 2025): The issue should be fixed in release 2.0, let me know if it doesn't work.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/homeassistant-visionos-theme#2
No description provided.