Lovelace input select dropdown isues in Chrome Browser and Android App

I noticed the following error with Home Assistant 0.118.3
do you have that too?

It looks like the input_select’s dropdown list is cut off by the playback/volume controls.

Which Lovelace card is it?

Hi,
even if I create a completely new card, the error is there.
For example entieties card

image


image
image

Using 0.118.3, I can’t duplicate your problem; it displays all of the input_select’s list items. :man_shrugging:

Out of curiosity, which browser are you using and does the problem occur when you use a different browser?

I use the chrome browser.
The funny thing is in the HA app Android the error also appears.

I’ve tested it with:

  • Chrome on a Mac
  • Firefox on Linux
  • Edge on Windows
  • Edge on Android

and cannot reproduce the problem. The input_select’s list items are always displayed and never cut off.

You may wish to post this is an Issue in the GitHub Frontend repository. However, if the developers are also unable to reproduce the problem, it’s unlikely it will get resolved.

That’s really weird.
I didn’t change anything either.

I doubt this will fix it but have you tried refreshing the page by pressing Ctrl F5?

I’ve already tried everything.
Also ctrl F5.
That’s really weird.
This is also shown in the HA app.
I don’t know what to try anymore.
The funny thing is when I select the field I can use the arrow key on the keyboard to select the values.

I found out the error does not appear in Firefox, only in Chrome and in the Android app.

Hi everyone,

I’ve already tried everything the error remains.
And only in the Chrome browser and in the Android app.
I have not adjusted anything.
Meanwhile I have the current version of HA and the error is still there.

Do you have any suggestions for me?

Thank you.

Hi everyone,
I really don’t know what to try anymore.
I would be very grateful if someone would help me.

I also experience the same thing in the past 1 week. After searching through google, I found out that a flag in my Chrome are the one that give me this trouble.

This is what I did to resolve this problem:

  1. Open New Tab in Chrome
  2. Type: chrome://flags/
  3. Press enter
  4. Search on the top of the page: Experimental Web Platform features
  5. Change from Enabled to Disabled
  6. When chrome ask to relaunch, click relaunch

Hope this can solve your or other people issue in the future

2 Likes

I am seeing this issue on iPad. See my post here:

it shows up in firefox, chrome, safari, and in the home assistant app.

Thank you, this is really helps :slight_smile:

I’m seeing this in the android app. About 2 mo ths ago it started to break and woth the update last night, I now can’t use drop downs at all in the android app.

1 Like

Yes, have the same problem on iOS with iPhone, using the HA app out Chrome.

I can confirm have the same issue on Android using the HA app.

1 Like

Me too. Latest Android app.

Has anyone considered to post a reproducible minimal code with the problem?