Older IOS devices "Custom element doesn’t exist"

[dwhall96]

Issue exists only on older IOS devices in my testing Card does not load with error "Custom Element doesn't exist", issue is not present on newer devices.

I have tested 3 different IOS IPAD Air A1475 version 12.5.7 with the same results. I have cleared cache, deleted and reinstalled the IOS app and tested Chrome browser with the same results. I also installed an older version of the bubble card.

These devices may be too old to consider supported but wanted to raise a issue in case it is a feasible fix.

[Clooos]

Hi and thank you for that interesting feedback!

Could you try to add this to your config?

frontend:
  extra_module_url:
    - /hacsfiles/Bubble-Card/bubble-pop-up.js?v=0.0.0
  extra_js_url_es5:
    - /hacsfiles/Bubble-Card/bubble-pop-up.js?v=0.0.0

Just replace 0.0.0 with your actual version.

Edit: Is this only happening with the bubble-pop-up.js module or with all Bubble Card?

[dwhall96]

I added the lines to the config as requested but the issue persists.
to note I did restart HA, cleared cache and even tested multiple devices app and browser to confirm.

This is happening with all bubble cards. I have setup only a few pop ups, separators and buttons for a test run, each have the Custom element doesn't exist errors on the older devices but work great on newer devices that I love (which is why I am reaching out).

I want to add that the bubble card is not the only custom cards that are having the same issue on these old devices. While it is not all of the custom cards from HACS there are some that display the same error so this could be common and it is feasible it is on my side. As an example mushroom cards work fine as well as some slider cards and TV control but the issue is the same for a clock-weather-card I use. Googling this error takes me down a few paths so still on the testing phase to see if its fixable. Any help is appreciated but I understand if this is not something you can assist with.

[ModestoHagney]

Did you ever have any luck with this? I'm having the same issue on an old iPad mini I have as a wall mounted tablet.

[dwhall96]

No luck, I found that the old iPad architecture does not play nice with anything HA. There is a chance you can get it to a stable state but one update or change can cause more issues than it’s worth. Its sucks because I have a stack of old iPads that could use but I was forced to resort to cheaper android tabs.

[ModestoHagney]

Darn, guess I’ll just go back to mushroom cards on the iPad for now.

[Clooos]

This is true for now, but I still hope to be able to makes it working on older devices.

[ModestoHagney]

Let me know if there’s any logs or info you need.

[Clooos]

It would be great, in your Home Assistant logs you should have some errors when Bubble Card is loaded on you view.

[ModestoHagney]

Sorry it's taken so long. I finally got around to actually looking into this. I loaded up the Dashboard I use on my phone on the iPad and had a look through the logs, I can't seem to fins anything relevant anywhere. What logs should I be looking looking at?

[Clooos]

Have you taken a look at the Home Assistant logs in Settings > System > Logs?

[ModestoHagney]

That’s where I was looking, I had the logs open while I loaded the dashboard. Reloaded the logs, went through a bunch of the different logs, couldn’t see anything relevant. I’ll try clearing the logs and looking again.

[Clooos]

Hi @dwhall96 and @ModestoHagney, I've released a new version that might fix this issue on older devices, can anyone confirm this?

https://github.com/Clooos/Bubble-Card/releases/tag/v2.2.3

[ModestoHagney]

Unfortunately this didn’t fix it for me, though I just went to the dashboard I use on my iphone and tried it on the iPad.

When I get home from work I’ll try making a new dashboard with just one card and see what happens.

I’ve attached a screenshot so you can see the error.

[Clooos]

Can you provide any logs related to the frontend in the HA logs, you should see one about bubble-card.js.

[ModestoHagney]

Last time I looked through the logs I couldn’t see any related to bubble card. I was probably looking in the wrong place, I’ll take another look tonight when I get home.

[Clooos]

None of them is directly mentioning Bubble Card, it's in frontend.js or something like that.

[ModestoHagney]

2024-08-22 18:52:54.465 WARNING (MainThread) [homeassistant.helpers.frame] Detected that custom integration 'hacs' calls hass.http.register_static_path which is deprecated because it does blocking I/O in the event loop, instead call await hass.http.async_register_static_paths([StaticPathConfig("/hacsfiles/frontend", "/config/custom_components/hacs/hacs_frontend", False)]); This function will be removed in 2025.7 at custom_components/hacs/frontend.py, line 54: hass.http.register_static_path(f"{URL_BASE}/frontend", locate_dir(), cache_headers=False), please create a bug report at https://github.com/hacs/integration/issues 2024-08-22 18:52:54.475 WARNING (MainThread) [homeassistant.helpers.frame] Detected that custom integration 'hacs' calls hass.http.register_static_path which is deprecated because it does blocking I/O in the event loop, instead call await hass.http.async_register_static_paths([StaticPathConfig("/hacsfiles/iconset.js", "/config/custom_components/hacs/iconset.js", True)]); This function will be removed in 2025.7 at custom_components/hacs/frontend.py, line 57: hass.http.register_static_path(, please create a bug report at https://github.com/hacs/integration/issues 2024-08-22 18:52:54.485 WARNING (MainThread) [homeassistant.helpers.frame] Detected that custom integration 'hacs' accesses hass.components.frontend. This is deprecated and will stop working in Home Assistant 2024.9, it should be updated to import functions used from frontend directly at custom_components/hacs/frontend.py, line 68: hass.components.frontend.async_register_built_in_panel(, please create a bug report at https://github.com/hacs/integration/issues

This is the only thing I can find that has anything to do with frontend in the logs. Unless I'm looking in the wrong logs?

[Clooos]

Nothing related to Bubble Card, but there should be some logs that mention it somewhere.

[hhu94]

I'm seeing the exact same behavior as @ModestoHagney. I wonder if this is somehow related to home-assistant/frontend#21004, which was fixed in the HA frontend two months ago.

[Clooos]

I have no idea, but even if I find a way to make it works on older devices, most of the CSS styles are too modern, and making it "visually compatible" would probably be a nightmare for me 😅

To be honest this issue is likely the one with the lowest priority for me right now.

But if anyone can provide me any logs, from the browser console or from Home Assistant, I will try to makes it compatible, the CSS styles would be the next step.

[ModestoHagney]

I'm away from home at the moment so I can only grab logs from HA remotely at the moment sorry, but I doubt there will be anything relevant as it's not being used. If you let me know what logs you need, I can grab some while I'm back there in the weekend. I had a brief look through last time, but I couldn't find anything relevant. I assume I'm just not looking in the right place.

[dougrathbone]

I'm reporting this pretty broadly across devices. IPad 4, 2N Intercom (Android), and iPhone 10.

These arent brand new devices, but they also arent that out of date from an OS updates POV. The 2N device especially is quite new.