search

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

Dropdown menus out of place? #469

Closed jockebq closed 2 months ago

jockebq commented 2 months ago

I have some weird behaviour with lovelace-xiaomi-vacuum-map-card 1 in a Bubble Card. On desktop when clicking the dropdown:

On mobile when clicking the dropdown:

And if I click the dropdown on a normal card (not bubble card), works with mobile and desktop:

This is on 1.7.3, updated to 2.0 Beta 2 to try if it was fixed. Now I cannot even see the dropdown at all?

Clooos commented 2 months ago

This issue should be fixed in the next release, thank you for the feedback!

Clooos commented 2 months ago

This issue is now fixed in the new beta!

https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.3

jockebq commented 2 months ago

This issue is now fixed in the new beta!

https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.3

Just updated to the Beta 5, but I still experience the exact same behaviour. Tried restarting Home Assistant, using a private browser to be sure it wasn't cookies. But it is the same as before?

Clooos commented 2 months ago

Do you have modified the style of this card by any chance? And also was it working with the previous 1.7.3 release?

jockebq commented 2 months ago

Some modifications, but I tried with a default vacuum card and experienced the same issue. It did not work with 1.7.3 or any Beta version.

Clooos commented 2 months ago

Thank you for the details, I will take a closer look at this but it's not possible that this issue is from that specific card.

Clooos commented 2 months ago

I've just tried and indeed this issue is from that card, there is nothing that I can do on that.

But it would be great if you could open an issue on its GitHub 🙂

jockebq commented 2 months ago

I've just tried and indeed this issue is from that card, there is nothing that I can do on that.

But it would be great if you could open an issue on its GitHub 🙂

I did speak with the creator of that integration, and he pointed the issue at the Bubble Card. https://community.home-assistant.io/t/vacuum-interactive-map-card/123901/1849

Clooos commented 2 months ago

Like he said:

"I suspect that Bubble Card modifies some properties that are used by the dropdown to determine its position… It is a problematic thing to fix"

This is indeed because you are putting it in a pop-up but there is nothing that I can do about that, this issue is still about how this card is positioning that dropdown. The pop-ups are not modifying the CSS of the cards inside of it.