mirror of
https://github.com/Nezz/homeassistant-visionos-theme.git
synced 2026-05-09 08:25:57 +02:00
[GH-ISSUE #25] Dropdown menus behind other elements #24
Labels
No labels
bug
bug
bug
duplicate
duplicate
pull-request
third party
third party
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
starred/homeassistant-visionos-theme#24
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @HorizonKane on GitHub (Sep 9, 2025).
Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/25
Hey there,
First of all THANK YOU for this great theme.
I found one issue: If a drop down menu opens upwards, all is fine. If it opens downwards, it is placed behind other objects. This happens in Liquid glass and visionOS. I first suspected bubble card or one of the modules it it, but with a different theme (waves) this does not happen.
@MikeO3 commented on GitHub (Oct 13, 2025):
I have a similar issue. Scrolling with down arrow on the panel reveals the functions but remains in background.
@LostInCompilation commented on GitHub (Oct 17, 2025):
Can confirm this issue.
@Bas1978 commented on GitHub (Oct 26, 2025):
same problem here. looks like a bug in VisionOS
@ppiotrek90 commented on GitHub (Dec 22, 2025):
I had kind of the same problem. Some popups were displayed in the back of the page behind all other elements.
Here's is an example - please look at the date picker:
I discovered that this particular setting is causing the issue:
ha-card-backdrop-filter: blur(8px)After removing it, all loads fine.
@mentex23 commented on GitHub (Dec 29, 2025):
@ppiotrek90 where did you changed that? I am facing the same issue..
@ppiotrek90 commented on GitHub (Dec 29, 2025):
You need to modify the yaml file with the config. Just add # before such line and run the quick reload. The problem should be gone as long as you modify the right yaml.
@mentex23 commented on GitHub (Dec 29, 2025):
worked! Many Thanks .. Just because I am interested, why do you not uncomment the line?
@kattcrazy commented on GitHub (Dec 29, 2025):
If the line is commented out, there is no blur effect 😔
@ppiotrek90 commented on GitHub (Dec 29, 2025):
I used the original file to show you simply where to look for 😉
@mentex23 commented on GitHub (Dec 29, 2025):
Ah ok :)
@mentex23 commented on GitHub (Dec 29, 2025):
@kattcrazy: For the blur effect I am using bubble card with frosted Class module enabled
@Nezz commented on GitHub (Dec 30, 2025):
It's indeed the blur effect (or more generally the
backdrop-filter) that causes this because it creates a new stacking context. Many of the dropdowns HA uses don't support this, but newer kind of dropdowns handle this properly. Sadly this kind of theme relies heavily on this effect.@kattcrazy commented on GitHub (Jan 15, 2026):
Hey, I have a workaround!
Use the original theme file for your dashboards like this
and then in your profile, set a edited version without the blur line
That way you will have blurred cards in dashboards, but not the ui 😁
@Nezz commented on GitHub (Mar 5, 2026):
Dropdowns have been finally fixed in HA 2026.3
@kattcrazy commented on GitHub (Mar 5, 2026):
Well, that's a reason to update!