Clooos / Bubble-Card

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

[2.3.0-beta7 ] disable clickable areas from lower layer when popup is displayed #938

Open KipK opened 15 hours ago

KipK commented 15 hours ago

Describe the bug
I'm testing latest beta. It's clearly better on a performance perspective.

However I see a little UX issue. when pop-up is open, the clickable items on the dashboard below are still active.

To Reproduce

When we click outside the pop-up to close it, if there's some buttons / entity / whatever on this area, it will automatically click on it.

Expected behavior
Clicks shoud be disabled for layers above the pop-up ( as a lightbox )

Screenshots

https://github.com/user-attachments/assets/7aae4594-7f1e-4f82-b806-0473da5c0ebc

Clooos commented 14 hours ago

Hi! Indeed there was a breaking change in the fourth beta and you are not the first who missed it. But I will change this for not confusing everyone too much, instead I will add a darker backdrop, without any blur, then I will add the possibility to have it blurred or to don't have any backdrop at all (this is what you have now).

Here's how you can re-add it in the meantime:

Screenshot_2024-11-18-19-40-22-290_com android chrome-edit

KipK commented 14 hours ago

I saw that, but even without blur effect I think we shouldn't be able to click on above layer. As example I've activated the alarm while closing a popup but not noticed it. Was a bit surprised when it started to shout in the house 😅 I'll readd the blur then

Clooos commented 14 hours ago

In fact there are some users who wants to be able to click beside them, for example some of them have there own menu (like me 😇).

Screenshot_2024-11-18-20-00-12-810_io homeassistant companion android-edit

But indeed this shouldn't be the default behavior, that's why I will change that and allow more options.