Clooos / Bubble-Card

Bubble Card is a minimalist card collection for Home Assistant with a nice pop-up touch.
MIT License
1.44k stars 39 forks source link

Inaccessible input_select options #565

Open mnneely opened 3 weeks ago

mnneely commented 3 weeks ago

Describe the bug
Menu dropdown items from input_select entity only display 5 max, rendering additional items inaccessible.

To Reproduce

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: '#quick_run'
    name: Quick Run
    icon: mdi:timer-outline
  - type: vertical-stack
    cards:
      - type: custom:mushroom-select-card
        entity: input_select.irrigation_zone
        fill_container: false
        name: Selected Zone
        secondary_info: none
        layout: horizontal
# Example configuration.yaml entry
input_select:
  irrigation_zone:
    options:
      - Zone1
      - Zone2
      - Zone3
      - Zone4
      - Zone5
      - Zone6
      - Zone7
      - Zone8
      - Zone9
      - Zone10

Expected behavior
All dropdown menu items to be accessible.

Screenshots
Unable to scroll to lower dropdown items.

image

Informations (please complete the following information):

Additional context
Thank you for your very useful card! My dashboards couldn't live without it. :)

Thank you! 🍻

Clooos commented 2 weeks ago

Hi, have you changed the top_margin? If yes I've realized that you can't use % anymore for these values. Something has changed in the v2, you can now use for example 50vh instead of 50%, I've just changed that example in the editor and I will do the same in the editor.

Also if you want a fixed height for your pop-up (e.g. 400px) you can do this:

    margin_top_mobile: calc(100vh - 400px)
    margin_top_desktop: calc(100vh - 400px)

That should fix your issue.

mnneely commented 2 weeks ago

Thanks for looking into this. I hadn’t changed the top margins. The sample code I included in my OP is pretty much what I have. No frills or card_mod. :)

I added your code above to the bubble card, but that made it so I could only see and select the top entry in the input_select field unfortunately.

Clooos commented 2 days ago

I've just fixed it, I will release a new version as soon as I can!

mnneely commented 1 day ago

Thanks so much. I look forward to trying it out!