Skip to content

v1.3.2 – Fix dropdown positioning

Choose a tag to compare

View all tags
@brandon-claps brandon-claps released this 24 Feb 01:27
· 12 commits to main since this release
v1.3.2
3fe977f
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

What's Fixed

Dropdown positioning bug: Select dropdowns (e.g., in entity config dialogs) were rendering in the wrong location due to backdrop-filter on parent containers creating CSS containing blocks that trapped position: fixed popup elements.

Changes

  • Removed backdrop-filter from header, dialogs, sidebar, label badges, and input containers
  • Replaced with more opaque backgrounds to preserve visual appearance
  • Applied across all 3 full-blur themes (Frosted Glass, Frosted Glass Dark, Frosted Glass Light)
  • Lite themes unaffected (they don't use backdrop-filter)

Technical Details

Per CSS spec, backdrop-filter on any ancestor element creates a new containing block for position: fixed descendants. Home Assistant's mwc-menu-surface dropdown uses position: fixed positioning — when trapped inside these containing blocks, the popup rendered relative to the ancestor instead of the viewport.

The fix removes backdrop-filter from all containers that can hold dropdown selects, compensating with higher background opacity. Card glass effects (ha-card::before) are unaffected since pseudo-elements don't create containing blocks for sibling elements.

Full Changelog: v1.3.1...v1.3.2

Assets 2
Loading