Skip to content

Pop-up header is hiding select card/select sub button menu #1166

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Elliottmonaghan opened this issue Jan 20, 2025 · 6 comments
Open

Pop-up header is hiding select card/select sub button menu #1166

Elliottmonaghan opened this issue Jan 20, 2025 · 6 comments
Labels
bug Something isn't working

Comments

@Elliottmonaghan
Copy link

Describe the bug
Mode selections are being hidden behind the header when opened

To Reproduce
add a few climate cards into a pop-up with some sub buttons with multiple mode selections (about 7) and try to reproduce, I have two sub buttons, temp modes/on, off and also fan speeds.

Expected behavior
The sub button menus should be prioritised to always be ontop so they do not become hidden behind header buttons

Image
Image

Informations (please complete the following information):

  • OS: IOS, Mac
  • Browser/App: Safari
  • Bubble Card version: 2.3.4
  • Home Assistant version: 2025.1.2
@Elliottmonaghan Elliottmonaghan added the bug Something isn't working label Jan 20, 2025
@Clooos
Copy link
Owner

Clooos commented Jan 20, 2025

Hi! I'm aware of this limitation. But this issue is harder to fix, and I still haven't found a way to fix it (this is not a simple z-index issue), I've tried for hours 😅

I will let this open, but I truly have no good solution to fix it without breaking other things. The gradient opacity mask at the top of the pop-ups is what's blocking me.

That's why I've placed my select menus strategically on my dashboard 😅

Sorry for that, I hope there will be a solution!

@Clooos Clooos pinned this issue Jan 20, 2025
@Elliottmonaghan
Copy link
Author

Could you make a way to select the amount of preset modes displayed? I noticed that my menu for the fan speeds fits alright everywhere with 6 possible selections but the 7 in modes seems to push it behind the header.

@Clooos Clooos changed the title pop-up header is hiding climate card sub button selections Pop-up header is hiding select card/select sub button menu Jan 22, 2025
@userdema
Copy link

Is at least possible do you have the menus open to the bottom side?
That in my case would solves the issue...

@Clooos
Copy link
Owner

Clooos commented Jan 22, 2025

This is weird that it opens to the top indeed, I will take a look at that 👍

Copy link

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates.
Please make sure to update to the latest version and check if that solves the issue. Let us know if that works for you by adding a comment 👍
This issue has now been marked as stale and will be closed if no further activity occurs. If you want to keep it open, please leave a comment. Thank you for your contributions.

@github-actions github-actions bot added the stale label Apr 22, 2025
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Apr 29, 2025
@Clooos
Copy link
Owner

Clooos commented May 1, 2025

As a workaround, you can add this in your pop-up custom styles:

.bubble-pop-up-container {
  overflow: visible !important;
  mask-image: inherit !important;
  -webkit-mask-image: inherit !important;
}

The only downside is that this also disable scrolling in pop-ups.

@Clooos Clooos reopened this May 1, 2025
@github-actions github-actions bot removed the stale label May 1, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants