search

Nezz / homeassistant-visionos-theme

Theme inspired by visionOS for Home Assistant
MIT License
47 stars 3 forks source link

Large dropdowns are placed incorrectly #2

Open Nezz opened 4 months ago

Nezz commented 4 months ago

When a large dropdown is opened, it can end up in the wrong place on the screen.

This happens because this theme uses backdrop-filter. This exposes an issue in Material Design 2 where large menus rely on position: fixed, which behaves differently when a filter is used:

A value other than none for the filter property results in the creation of a containing block for absolute and fixed positioned descendants [...] https://drafts.fxtf.org/filter-effects/#FilterProperty

Sadly the material web components Home Assistant uses are no longer maintained as development moved on to Material Design 3.

Nezz commented 1 month ago

It does not look like this will be fixed anytime soon. Home Assistant uses Material Design 2 components. Material 3 never added support for menus/dropdowns and now Google stopped developing it: https://github.com/material-components/material-web/discussions/5642