search

Clooos / Bubble-Card

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

Invisible element block tapping the 2nd row #413

Closed huythach83 closed 2 months ago

huythach83 commented 3 months ago

Describe the bug When opening the popup, there is an invisible element that blocks the tapping of buttons on the 2nd row. To tap those buttons, the user has to tap the bottom of them. Using the browser developer tool, I can see that there is an invisible element that blocks the action.

image

As you can see from the screenshot, that bubble-card::after blocks almost all the area of the 2nd row, making tapping any buttons on it difficult.

Clooos commented 3 months ago

Hi and thank you for your feedback! Indeed this element is for the top gradient, I have a separator in the top of all my pop-ups so I've never had this issue, but I will fix that in the next release.

As a temporary workaround you can add this to your pop-up YAML:


styles: |
  bubble-card::after {
    pointer-events: none;
  }
cuttydiamond commented 3 months ago

Thanks, I was having the same issue and this fixed it!

Clooos commented 2 months ago

This is fixed in the v2 beta!

Here is the link to the full changelog: https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.1