I’ve started my board a bit. Is there a way to prevent the popup from dimming the background at all when it opens? I’ve added a strip at the top for a full-screen look. If the background dims due to the popup, it will of course be visible.
Hi everyone! The latest Home Assistant version (2025.5) is breaking some Bubble Card features. I strongly recommend not updating until this is fixed. I’ll do my best to release a new version as soon as possible! 
8 Likes
Yes, with template is definitely possible. However I really enjoy the behavior of horizontal button stack that stays on top and makes navigation on mobile devoces very smooth.
Hey I’d like a way to hide the popup backdrop during the day and after sunset hide it again. I’ve tried a few things but am hoping for a solution to be posted here.
It’s nice because the backdrop is dark so it would act as a night mode function and during the day I like the backdrop to be lighter, so it needs to be hidden.
Thanks in advance
someone can tell me how i can set the icon color from light with rgb_color attribute.
.bubble-sub-button-1 > ha-icon {
const rgbwert = hass.states['light.hue_infuse_ceiling_1']?.attributes?.rgb_color || '';
color: rgba(${rgbwert[0]}, ${rgbwert[1]}, ${rgbwert[2]}) !important;
}
i try this, but it does’t work
i test it with template editor the rgb_color is a list.
I tried adding a frosted glass effect to the bubble cards. I noticed something. As long as I use a bubble card and use button type:name, I can use the filter. However, as soon as I use a button, slider, or media player, for example, the card becomes transparent again and the frosted glass filter disappears. Is this a bug?
type: custom:bubble-card
card_type: button
button_type: name
modules:
- default
styles: |
ha-card {
background: rgba(30, 30, 30, 0.4) !important; /* halbtransparenter, dunkler Untergrund */
backdrop-filter: blur(15px) !important; /* Frosted-Glass Unschärfe */
-webkit-backdrop-filter: blur(15px) !important; /* Safari Support */
border-radius: 12px !important; /* weiche, abgerundete Ecken */
border: 1px solid rgba(255, 255, 255, 0.1) !important; /* feiner, halbtransparenter Rahmen */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* sanfter Schatten für Tiefe */
overflow: hidden !important;
}
.bubble-button-card-container {
background: transparent !important; /* Container transparenzieren */
box-shadow: none !important;
}
.bubble-card-content {
background: transparent !important; /* Inhalt transparenthalten */
}
entity: binary_sensor.04c3630b_e8cda1fa
Was there any change to the way helpers work in recent updates? I have a couple of helpers that used to show in the card as a dropdown list when you pressed on it, but the dropdowns don’t appear anymore after some recent update?
Bubble Card 3
v3.0.0-beta.6
If you missed the previous beta releases, please check this changelog (and earlier ones) to discover all the new features and fixes added so far.
Hi everyone!
This new beta mainly focuses on fixing compatibility with Home Assistant 2025.5, along with some great improvements and final cleanups across the board! One of the biggest changes: the editor is now faster, in some setups, it’s probably 10 to 20 times faster, especially for the pop-ups!
If you’re running an older version of Home Assistant, please also test if everything still works as expected. Most of the work in this beta was done to keep Bubble Card fully compatible with newer HA versions, but it’s important to make sure nothing breaks on previous ones!
There are still a few very minor bugs left, which I plan to fix quickly. They shouldn’t affect normal usage and shouldn’t block you from enjoying this version.
As always, thank you to everyone testing and reporting bugs, your help makes all the difference!
We’re nearly at the finish line for the stable v3.0.0 release! And it’s been quite a journey, three months of beta testing, countless fixes… and just enough sleep to keep the code readable 
Thanks for sticking with me through it all! 
New features and enhancements
-
Consistent visual feedback across all interactive elements:
All clickable elements now include the default Home Assistant feedback (ha-ripple) for better and more consistent hover/click animations, no more guessing if a tap worked! -
Improved editor:
- The editor is now faster than ever, finally!
- New collapsible sections in the Module Editor to keep things cleaner.
- The editor is now faster than ever, finally!
-
Sub-buttons now hidden inside unavailable cards:
They’ll only appear when the card is usable again. #1452 -
Calendar card support in the “Customize the icon container color” module:
The “Customize the icon container color” module now fully supports the calendar card (added in v1.2 of the module).
Bug fixes and optimizations
-
Fixed compatibility with Home Assistant 2025.5:
- Select card and select sub-button issues resolved. #1466 #1457
- Module editor now works correctly. #1459
- “Tap action on card” in the editor is functional again. #1472
- Other small fixes and final cleanups:
Several little improvements were made behind the scenes to prepare for the stable release.
How to test this beta?
Go to HACS, search for Bubble Card, and click on it. Then, click the three dots icon in the top-right corner and select “Redownload”. You’ll be able to choose the beta version under “Need a different version?”. You can then change back to your previous version if needed.
Also, make sure to clear your browser or app cache, you can also check this if the new version doesn’t load properly.
7 Likes
Almost perfect there 
The on-hover background doesn’t seem to cover the card fully. There is a 1px padding between the background and the border line. It’s visible in light default theme, not so much in the dark one. As far as I can tell its only happening on that dreaded select card
Beta 6 ist faaaaaast!! 
1 Like
Well, you’ve got quite the eye for detail!
Edit: By the way, here is the full list of the remaining issues I want to fix before the stable release. If you have a new issue that is not in this list, please let me know by opening an issue on GitHub 
- Tap actions are not working in the calendar card
- Calendar Card showing incorrect date #1447
- Issue with some browsers (like Tesla browser), was working in beta-4 #1461 #1462 #1476
- Backdrop-Filter definitions not working in 3.0.0-beta.6 #1469
- A card was cut in the Hebrew version. #1456
- Media buttons not hidden when entity state is unavailable #1453
- Inconsistent and / or wrong color when using sub buttons on a slider #1448
- Slider does not update for brightness if adjusted outside of the card after being adjusted in the card #1367
- [3.0.0-beta.6] Slider doesnt work as expected, when entity step size is not 1 #1478
- Adjusting the separator height doesn’t work #1475
- Toggle to set a module enabled in all supported cards (perfect for the HA default styling module).
- Slight visual issue when the hover effect is displayed in the select card.
2 Likes
I’ve upgraded from 2.4.0 to 3.0.0 beta 6 due to the incompatibility with 2025.5.
Is it a bug or a feature for separators, that the size (hight) of a separator card is much higher than in the 2.4.0 release? It is set to “Normal (previous default)” in the styling options, and changing to “Large” and adjusting the row size doesn’t change anything, the separator card needs now much to much space on the screen…
Code:
type: custom:bubble-card
card_type: separator
icon: ""
styles: |-
.bubble-line {
opacity: 1 !important;
background-color: rgba(0,0,0,0.1) !important;
border: 1px solid rgba(222,200,92,0.3) !important;
box-sizing: border-box;
}
name: ""
modules:
- default
card_layout: normal
What view type do you use? Section, masonry, other? And indeed I changed the height of the separator, but if you’re unable to change it, this is indeed an issue.
I’ve tested it on Sections and Mansory view, no difference…
Edit: opened an issue on Github: Adjusting of separator hight doesn't work · Issue #1475 · Clooos/Bubble-Card · GitHub
After upgrading Home Assistant to 2025.5.1, I get this for all my bubble cards:
I’ve the v3.0.0-beta.6 version installed.
Edit1: I’ve refreshed cached and still the same.
Edit2: I’ve removed and installed bubble-card, and the same issue.
I was getting same (same software versions) - I did shut down HA & restarted it (trying to sort out another unrelated problem) - after restart Bubble card was working again.
BUT whilst typing thus I just double checked & it’s failing again - every bubble card failing
@davidcorral94 @LozinOz This is a random HACS issue after some updates and not everyone is experiencing this.
But here’s how you can fix this:
Issue #1243
1 Like
Yep @Cloos , that fixed it. Thanks for the quick answering.
1 Like
Thanks!
Working through trying the suggestions - not resolved yet, I tried
- removing Bubble card & restarting then adding Bubblecard Beta 6 - same error.
- Tried incrementing Resource hacstag by one digit & restarting HA - still not working.
- tried uninstalling BubbleCard again, restarted, then checked dashboard resource Hacstag - not present (as bubblecard uninstalled so as expected.
- I’ve just shutdown HA completely, awaiting restart & I’ll reinstall BubbleCard Beta 6 & check Hacstag. If that doesn’t work is there something else I should try?
Cheers for assistance
You can also check this if this still doesn’t work:
Issue #1351