Lovelace input select dropdown isues in Chrome Browser and Android App

Configuration Frontend
21

It’s already been done (above) so I didn’t think to post another one. Happy to do so though, will update later today.

22

In 2020?
UI screenshots of smth instead of code?

23

ok, I’ve done some more testing because I’ve discovered that one of my entities dropdowns was working fine, and the other having problems in the Android App and on Firefox PC.

So, in my case at least it appears the the issue is with the custom:stack-in-card I’m using to put a border around my card.

Faulty code:

type: custom:stack-in-card
mode: vertical
card_mod:
  style: |
    ha-card {
    background-color: blue
    }
cards:
  - type: entities
    entities:
      - entity: select.living_activities
        card_mod:
          style:
            hui-generic-entity-row $: |
              state-badge {
                display: none;
              }
              .info {
                margin-left:0 !important;
              }

working code:

type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: select.living_activities
        card_mod:
          style:
            hui-generic-entity-row $: |
              state-badge {
                display: none;
              }
              .info {
                margin-left:0 !important;
              }

Unfortunately for my use-case I’m using stack-in-card in lots of places, because it lets me put a border around related entities for a media dashboard.

24

This is a culprit.
Check this issue.
Also, you may try my card-mod fix proposed in that link.

Just a suggestion: when describing an issue - try to minimize it as much as possible, could be just:

type: custom:stack-in-card
mode: vertical
cards:
  - type: entities
    entities:
      - entity: select.living_activities

without anything else.

1 Like
25

Thanls @Ildar_Gabdullin
I thought of removing text but then wasn’t sure if some of that text might be part of the problem.

And thank you for those links, not sure why I couldn’t find those when searching about my problem!

26

This is a simple debugging: start with a small code; test; increase complexity; test; …

27

Ok, looks like your second fix works for me (I tried it first, have not tried the workaround).

For my use-case all that was required was this:

card_mod:
  style: |
    ha-card {
      overflow: visible !important;
    }
28

This works for history-graph & input_select, but does not work for a divider between cards (“section” added as hui-element).