Card Type selection broken with 3.0 beta1 #1416

erazorlll · 2025-04-23T20:29:02Z

Describe the bug
Adding a new bubble card to the dashboard and then selecting the card type doesn't work.
As soon as I use the drop-down nothing happens. Doesn't matter which card type I choose.

I had previously v2.5.0-beta.9 installed and worked without problems.
I used the redownload function of HACS and downloaded the new v3.0.0-beta.1.

I also tried to empty the complete cache of the browser (Chrome), without any luck.
Tried Edge browser but also doesn't work with Edge.

To Reproduce

Starting editing the dashboard
Add new card and select "Bubble card"
Pop-Up with selection of card type and information about Beta and donation opens
Use drop-down and select any card type (e.g. climate, switch, etc.)
Nothing changes / happens

Expected behavior
Configuration of card is shown.

Screenshots

YAML
Not relevant

Informations (please complete the following information):
Core 2025.4.3
Supervisor 2025.04.0
Operating System 15.2
Frontend 20250411.0
Chrome Version 135.0.7049.115

Additional context
Great work!

Thank you! 🍻

erazorlll · 2025-04-23T20:31:17Z

Re-download of v2.5.0-beta.9:

thrunkmo · 2025-04-24T03:01:40Z

Same, thanks for posting!

Peethiplatsch · 2025-04-24T11:15:15Z

I can confirm this issue on my end. But the existing ones remain functional :)

pgale · 2025-04-24T11:29:12Z

When I download beta 1, all my bubble card elements stop working as HA can't find bubble-card at all.
@Peethiplatsch - are you sure your browser isn't caching the old version maybe? It's totally broken for me - can't add a new bubble card (doesn't exist in the list) and old elements not found/broken.

oerix · 2025-04-24T11:44:51Z

Same here, also the editor has become very sluggish. There seems to be a memory leak somewhere, or the new module store is using a lot of resources.

Clooos · 2025-04-24T11:48:10Z

When I download beta 1, all my bubble card elements stop working as HA can't find bubble-card at all. @Peethiplatsch - are you sure your browser isn't caching the old version maybe? It's totally broken for me - can't add a new bubble card (doesn't exist in the list) and old elements not found/broken.

Check this, this is a common issue after some HACS updates. @pgale @oerix

Edit: Forgot the link!!

Peethiplatsch · 2025-04-24T11:52:06Z

@pgale I tried on multiple devices and the existing ones still work. I just can't create new ones because nothing happens after selecting a type. It just continues to say I need to select a card type, just the same behavior as @erazorlll sees

Clooos · 2025-04-24T11:53:17Z

Same here, also the editor has become very sluggish. There seems to be a memory leak somewhere, or the new module store is using a lot of resources.

For the sluggishness, I just found the cause and this is already fixed on my side.

But I'm unable to reproduce the card type selection issue, so I have no clue, any error in the browser console anyone?

pgale · 2025-04-24T11:53:18Z

Do you see the new features on the old cards?

Peethiplatsch · 2025-04-24T11:57:33Z

@Clooos how can I help you that you get more information from my end which could help you? We could have a screen sharing session in Discord or so ^^

Clooos · 2025-04-24T12:01:06Z

If you're using Chrome, check this:

https://developer.chrome.com/docs/devtools/open

Then open the console and you will see the errors in it, a screenshot would be perfect 😃

oerix · 2025-04-24T12:11:02Z

Same here, also the editor has become very sluggish. There seems to be a memory leak somewhere, or the new module store is using a lot of resources.

For the sluggishness, I just found the cause and this is already fixed on my side.

But I'm unable to reproduce the card type selection issue, so I have no clue, any error in the browser console anyone?

Strangely, I don't have the caching issue anymore for first time lol.
Regarding the sluggishness/selector with the editor, I did notice that it mainly happens when I create a new/edit a popup card.

    setConfig bubble-card.js:2523
    s create-element-base.ts:153
    c create-element-base.ts:179
    c create-element-base.ts:285
    d create-element-base.ts:242
    v create-card-element.ts:108
    value hui-card.ts:123
    value hui-card.ts:42
    value hui-stack-card.ts:75
    _cards hui-stack-card.ts:44
    value hui-stack-card.ts:43
    s create-element-base.ts:153
    c create-element-base.ts:209
    c create-element-base.ts:308
    d create-element-base.ts:242
    v create-card-element.ts:108
    value hui-card.ts:123
    value hui-card.ts:42
    value hui-section.ts:81
    _cards hui-section.ts:337
    value hui-section.ts:336
    value hui-section.ts:209
    value hui-section.ts:109
    performUpdate reactive-element.ts:1328
    scheduleUpdate reactive-element.ts:1262
    _$Ej reactive-element.ts:1237
    requestUpdate reactive-element.ts:1215
    set reactive-element.ts:731
    j lit-html.ts:1883
    _$AI lit-html.ts:1825
    v lit-html.ts:1192
    g lit-html.ts:1540
    _$AI lit-html.ts:1384
    v lit-html.ts:1192
    g lit-html.ts:1540
    _$AI lit-html.ts:1384
    W lit-html.ts:2183
    update lit-element.ts:166
    performUpdate reactive-element.ts:1333
    scheduleUpdate reactive-element.ts:1262
    _$Ej reactive-element.ts:1237
    requestUpdate reactive-element.ts:1215
    set reactive-element.ts:731
    value hui-dialog-edit-card.ts:294
    handleEvent lit-html.ts:2018
    n fire_event.ts:75
    value hui-element-editor.ts:108
    promise callback*value hui-element-editor.ts:107
    value hui-element-editor.ts:95
    value hui-element-editor.ts:323
    value card-mod.js:1
    i card-mod.js:1
    _handleUIConfigChanged layout-card.js:215
    value hui-element-editor.ts:400
    n fire_event.ts:75
    value hui-stack-card-editor.ts:269
    handleEvent lit-html.ts:2018
    n fire_event.ts:75
    value hui-card-picker.ts:385
    handleEvent lit-html.ts:2018
    _$AI lit-html.ts:2007
    v lit-html.ts:1192
    g lit-html.ts:1553
    _$AI lit-html.ts:1384
    setValue async-directive.ts:366
    update until.ts:94
    promise callback*update until.ts:82
    _$AS directive.ts:134
    $ lit-html.ts:1085
    _$AI lit-html.ts:1362
    v lit-html.ts:1192
    g lit-html.ts:1553
    _$AI lit-html.ts:1384
    T lit-html.ts:1618
    _$AI lit-html.ts:1403
    v lit-html.ts:1192
    g lit-html.ts:1540
    _$AI lit-html.ts:1384
    v lit-html.ts:1192
    g lit-html.ts:1540
    _$AI lit-html.ts:1384
    W lit-html.ts:2183
    update lit-element.ts:166
    performUpdate reactive-element.ts:1333
    scheduleUpdate reactive-element.ts:1262
    _$Ej reactive-element.ts:1237
    requestUpdate reactive-element.ts:1215
    set reactive-element.ts:731
    value hui-card-picker.ts:378
[create-element-base.ts:252:12](https://raw.githubusercontent.com/home-assistant/frontend/20250411.0/src/panels/lovelace/create-element/create-element-base.ts)
    d create-element-base.ts:252
    v create-card-element.ts:108
    value hui-card.ts:123
    value hui-card.ts:42
    value hui-stack-card.ts:75
    _cards hui-stack-card.ts:44
    value hui-stack-card.ts:43
    s create-element-base.ts:153
    c create-element-base.ts:209
    c create-element-base.ts:308
    d create-element-base.ts:242
    v create-card-element.ts:108
    value hui-card.ts:123
    value hui-card.ts:42
    value hui-section.ts:81
    _cards hui-section.ts:337
    value hui-section.ts:336
    value hui-section.ts:209
    value hui-section.ts:109
    performUpdate reactive-element.ts:1328
    scheduleUpdate reactive-element.ts:1262
    _$Ej reactive-element.ts:1237
    requestUpdate reactive-element.ts:1215
    set reactive-element.ts:731
    j lit-html.ts:1883
    _$AI lit-html.ts:1825
    v lit-html.ts:1192
    g lit-html.ts:1540
    _$AI lit-html.ts:1384
    v lit-html.ts:1192
    g lit-html.ts:1540
    _$AI lit-html.ts:1384
    W lit-html.ts:2183
    update lit-element.ts:166
    performUpdate reactive-element.ts:1333
    scheduleUpdate reactive-element.ts:1262
    _$Ej reactive-element.ts:1237
    requestUpdate reactive-element.ts:1215
    set reactive-element.ts:731
    value hui-dialog-edit-card.ts:294
    handleEvent lit-html.ts:2018
    n fire_event.ts:75
    value hui-element-editor.ts:108
    (Async: promise callback)
    value hui-element-editor.ts:107
    value hui-element-editor.ts:95
    value hui-element-editor.ts:323
    value card-mod.js:1
    i card-mod.js:1
    _handleUIConfigChanged layout-card.js:215
    value hui-element-editor.ts:400
    n fire_event.ts:75
    value hui-stack-card-editor.ts:269
    handleEvent lit-html.ts:2018
    n fire_event.ts:75
    value hui-card-picker.ts:385
    handleEvent lit-html.ts:2018
    (Async: EventListener.handleEvent)
    _$AI lit-html.ts:2007
    v lit-html.ts:1192
    g lit-html.ts:1553
    _$AI lit-html.ts:1384
    setValue async-directive.ts:366
    update until.ts:94
    (Async: promise callback)
    update until.ts:82
    _$AS directive.ts:134
    $ lit-html.ts:1085
    _$AI lit-html.ts:1362
    v lit-html.ts:1192
    g lit-html.ts:1553
    _$AI lit-html.ts:1384
    T lit-html.ts:1618
    _$AI lit-html.ts:1403
    v lit-html.ts:1192
    g lit-html.ts:1540
    _$AI lit-html.ts:1384
    v lit-html.ts:1192
    g lit-html.ts:1540
    _$AI lit-html.ts:1384
    W lit-html.ts:2183
    update lit-element.ts:166
    performUpdate reactive-element.ts:1333
    scheduleUpdate reactive-element.ts:1262
    _$Ej reactive-element.ts:1237
    requestUpdate reactive-element.ts:1215
    set reactive-element.ts:731
    value hui-card-picker.ts:378

Clooos · 2025-04-24T12:20:13Z

These logs aren't helping me, the browser console looks like this:

oerix · 2025-04-24T12:25:13Z

These logs aren't helping me, the browser console looks like this:

I pasted directly from the console. Anywhere/how I can post without the layout becoming garbled?

Clooos · 2025-04-24T12:33:44Z

Try to find one related to Bubble Card then just send me a screenshot 🙂

Edit: Sorry I have missed the first line who is indeed a Bubble Card error!

pgale · 2025-04-24T12:43:56Z

When I download beta 1, all my bubble card elements stop working as HA can't find bubble-card at all. @Peethiplatsch - are you sure your browser isn't caching the old version maybe? It's totally broken for me - can't add a new bubble card (doesn't exist in the list) and old elements not found/broken.

Check this, this is a common issue after some HACS updates. @pgale @oerix

Edit: Forgot the link!!

SOLVED!

Yes, incrementing the /hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193001 to /hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193002 fixed the problem and I can now see the bubble-card element loading OK :)

oerix · 2025-04-24T12:54:38Z

Try to find one related to Bubble Card then just send me a screenshot 🙂

Edit: Sorry I have missed the first line who is indeed a Bubble Card error!

Apologies, I didn't think screenshots where ideal. It's quite long, hence two screenshots:

Peethiplatsch · 2025-04-24T13:25:05Z

@Clooos here a screenshot from the dev tools console.

erazorlll · 2025-04-24T13:36:01Z

I don't know if it is the same issue, but maybe it helps you to find the error.
At the Vehicle card was also the problem with newest version not able to add any custom card. The "+" symbol did not expand and the card selection was not visible.

Issue: ngocjohn/vehicle-info-card#130
Fix commit: ngocjohn/vehicle-info-card@60c4ead

And here is a video of the developer tools:

Clooos · 2025-04-24T13:39:50Z

Could this issue be by any chance fixed in this new beta?

https://github.com/Clooos/Bubble-Card/releases/tag/v3.0.0-beta.2

erazorlll · 2025-04-24T13:54:51Z

No, still not working. Sorry I forgot to mention, the screen recording above is with beta 2.

Clooos · 2025-04-24T13:56:50Z

I'm on it 🤘

blueJack92 · 2025-04-24T14:12:06Z

Hey!

I have the same error, this error code is produced by the browser:

Uncaught TypeError: Cannot add property card_type, object is not extensible
    at BubbleCardEditor._valueChanged (bubble-card.js?hacstag=6801129193002:2525:2445)
    at L.handleEvent (bubble-card.js?hacstag=6801129193002:2:129470)
    at n (fire_event.ts:75:8)
    at i.value (ha-combo-box.ts:323:7)
    at U.handleEvent (lit-html.ts:2018:29)
    at x (property-effects.js:328:43)
    at Object.R [as fn] (property-effects.js:353:3)
    at E (property-effects.js:176:12)
    at property-effects.js:263:18
    at it._propertiesChanged (property-effects.js:1925:9)

Maybe this will help you ...

Peethiplatsch · 2025-04-24T15:21:42Z

@Clooos also with Beta 2 It’s not working. But I assume your „i am on it“ refers to the fact that youre checking it :)

Clooos · 2025-04-24T17:20:35Z

I should have fixed it. Can anyone try to install this version with the "Without HACS" method?

Before that, you need to remove it from HACS.

Thank you so much for you help everyone!

Bubble Card 3 editor fix.zip

Peethiplatsch · 2025-04-24T18:12:57Z

I will give it a go and come back to you.

Peethiplatsch · 2025-04-24T18:17:12Z

@Clooos stupid question. In this manual you are saying I need the bubble-card.js file and also a bubble-pop-up-fix.js file. In your zip is only the bubble-card.js file. Should I download the regular fix file?

Peethiplatsch · 2025-04-24T18:32:52Z

I can't get it working. It's just saying it doesn't exist even after deleting the cache.

I tried the manual you had with the three files (bubble-card.js.gz, bubble-card.js, and bubble-pop-up-fix.js (downloaded from v3 beta 2)

I created under www a bubble-card folder, didn't work
Moved them just into the www folder, didn't work either
updated the version in the ressource path to v=3 or v=3.0.0-beta.3 as mentioned within the bubble-card.js file

Peethiplatsch · 2025-04-24T18:41:14Z

@Clooos I am just stupid. I moved it into the www/commnity folder because VScodeserver always opened that one. But now its working and I can select the type and configure it.

Clooos · 2025-04-25T05:43:25Z

Nice! Thank you so much for the feedback! One major issue fixed! 😃

I will release a new beta soon, but I want to fix some pop-up issues first.

And just to be sure, do you see v3.0.0-beta.3 at the bottom of the editor?

Peethiplatsch · 2025-04-25T06:16:58Z

Yes it showed beta3. I also had the new options for the sliders etc.

Clooos · 2025-04-25T06:18:22Z

Perfect then! 😃

Don't forget to remove it before the next update 🙂

Peethiplatsch · 2025-04-25T06:44:26Z

I already did 😂

- [x] Horizontal button stack not working to open pages in v3.0.0-beta.2 #1424 - [x] Invalid config for 'template' at configuration.yaml #1423 - [x] Close PopUp menus not working correctly on Iphone #1420 - [x] Card Type selection broken with 3.0 beta1 #1416

Clooos · 2025-04-25T11:57:24Z

The new beta is here!

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

Peethiplatsch · 2025-04-25T14:20:15Z

Works like a charm - for me. Thanks a lot mate.

thrunkmo · 2025-04-25T14:31:19Z

Odd issue here after beta 3! Updated to the newest beta--hard reloaded the cache/restarted HA. Should I uninstall and reinstall Bubble Card as well? I did not install that Zip fix, just waited for this version to be released

Update: I removed and reinstalled and that fixed the issue!

erazorlll added the bug Something isn't working label Apr 23, 2025

Clooos added the Bug-Fix 🥳 label Apr 25, 2025

Clooos added a commit that referenced this issue Apr 25, 2025

Fixed some editor issues. #1416 #1423

a64a983

Clooos closed this as completed Apr 25, 2025

Uh oh!

Card Type selection broken with 3.0 beta1 #1416

Card Type selection broken with 3.0 beta1 #1416

Comments

erazorlll commented Apr 23, 2025

erazorlll commented Apr 23, 2025

Uh oh!

thrunkmo commented Apr 24, 2025

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

pgale commented Apr 24, 2025

Uh oh!

oerix commented Apr 24, 2025

Uh oh!

Clooos commented Apr 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

Clooos commented Apr 24, 2025

Uh oh!

pgale commented Apr 24, 2025

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

Clooos commented Apr 24, 2025

Uh oh!

oerix commented Apr 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Clooos commented Apr 24, 2025

Uh oh!

oerix commented Apr 24, 2025

Uh oh!

Clooos commented Apr 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

pgale commented Apr 24, 2025

Uh oh!

oerix commented Apr 24, 2025

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

erazorlll commented Apr 24, 2025

Uh oh!

Clooos commented Apr 24, 2025

Uh oh!

erazorlll commented Apr 24, 2025

Uh oh!

Clooos commented Apr 24, 2025

Uh oh!

blueJack92 commented Apr 24, 2025

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

Clooos commented Apr 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

Peethiplatsch commented Apr 24, 2025

Uh oh!

Clooos commented Apr 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Peethiplatsch commented Apr 25, 2025

Uh oh!

Clooos commented Apr 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Peethiplatsch commented Apr 25, 2025

Uh oh!

Clooos commented Apr 25, 2025

Uh oh!

Peethiplatsch commented Apr 25, 2025

Clooos commented Apr 24, 2025 •

edited

Loading

oerix commented Apr 24, 2025 •

edited

Loading

Clooos commented Apr 24, 2025 •

edited

Loading

Clooos commented Apr 24, 2025 •

edited

Loading

Clooos commented Apr 25, 2025 •

edited

Loading

Clooos commented Apr 25, 2025 •

edited

Loading

thrunkmo commented Apr 25, 2025 •

edited

Loading