search

ljmerza / light-entity-card

Control any light or switch entity
MIT License
228 stars 41 forks source link

effect list dropdown UI issues #86

Closed regevbr closed 2 years ago

regevbr commented 2 years ago

Starting v5.0.0, when you open the dropdown menu in a mobile view, and the button is positioned at the top of the view like that: Screenshot-20220313230920-363x748

The menu isn't opening properly, and causing the containing card to be "stretched" like so:

Screenshot-20220313230932-356x768

ljmerza commented 2 years ago

what browser and version? i dont get this bug

image
regevbr commented 2 years ago

It is not browser-related (it happens to me in both Chrome and Firefox in their latest versions on Ubuntu). What you can do to recreate the issue is to add a few cards below it, and then open in mobile view, and click the drop-down when it is positioned at the top of the screen (just like the first screenshot in the issue description) this will force the rendering of the list to be below the button (and not above it like your screen share). Please see the video below:

https://user-images.githubusercontent.com/5775519/158645151-e64371e9-d873-4158-87d7-ba819cf50a45.mp4

ljmerza commented 2 years ago

thats actually what i did and it worked fine. hopefully someone else can reproduce this as well. Since this dropdown uses MWC i wonder if its a big in that library itself

regevbr commented 2 years ago

You know what - you are right - my bad. The issue happens to me when I put it inside another containing card