Clooos/Bubble-Card

Inaccessible input_select options

mnneely opened this issue · 5 comments

mnneely commented

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):

  • OS: iOS and MacOS
  • Browser: Safari
  • Bubble Card version: 2.0.1
  • Home Assistant version: 2024.6.1

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

Thank you! 🍻

Clooos commented

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

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

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

mnneely commented

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

Clooos commented

This issue is now fixed in the new betas 🙂

https://github.com/Clooos/Bubble-Card/releases/tag/v2.1.0-beta.2