Card broken in Homeassistant App and some android devices since latest Homeassistant Update

[jzielke84]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

Card looks like this:

Rollback to HA 2024.7.4 fixed the issue. Not sure if new version requires code update in card or basic code in HA is broken.

Steps To Reproduce

Update HA to 2024.8

Expected behaviour

Correct Style

Card Version

4.44.0

Home Assistant Version

2024.8.0

Configuration

No response

Relevant log output

No response

[amurray81]

Also see same. The full card still works if you need a temporary fix

Also it still works OK on mobile but I see this issue on tablet, both android and ipad

[slipx06]

I cant reproduce this one yet. Tested on ipad, android mobile and windows. Chrome and companion app with latest 2024.8.0. Is anyone else seeing this?

[freddanastrom]

Same for me after updating to 2024.8
Card is rendered like the picture above on my iPad, but iPhone app on the other hand works fine.

[amurray81]

App and tablet at same time.. Excuse the camera shot but it's a pain to sign into

[watersnake154]

Same problem on the iPhone everything as always and on the tablet the identical error.

[jzielke84]

Here are my results:

• MacOS Chrome ✅
• MacOS Safari ✅
• iPhone 15 Pro iOS Safari ✅
• iPhone 15 Pro iOS Chrome ✅
• Homeassistant App MacOS ❌
• Huawei Matepad 7 ❌

[sitvesep]

Uploading RPReplay_Final1723233442.mov…

It happened to me on an iPad where I updated iOS to 17.6.1. Web interface ok, app error. Interestingly, the error is only with card style litle and compact, if I switch it to full it is OK

[pepe895]

I have same problem at Galaxy Tab with Kiosk 6.1.0. Only full style working.

[jzielke84]

Another custom card also shows some strange values „xx px“ with that new version. So I guess there was a breaking change in HA and some cards have to be updated. The channelog however is huge.

[slipx06]

@jzielke84 Are you seeing any errors in the logs? Whats other custom cards are not working for you?
I've also tested FireFox on Windows with no Issues
@Pho3niX90 do you have a Mac to check on your end?

[jzielke84]

Are you seeing any errors in the logs?
Unfortunately the HA companion app neither the browser in my tablet (Fully Kiosk) offers a debug mode like Chrome.

Whats other custom cards are not working for you?
https://github.com/mlamberts78/weather-chart-card

The issue I've got there is described here: mlamberts78/weather-chart-card#222

[slipx06]

OK seems to be a bigger issue affecting other cards

home-assistant/iOS#2908

[parkflyer]

As the „bigger issue“ is closed now (without any fixes), how can this be solved? The issue is present on my iPad too…

[jzielke84]

@parkflyer all custom cards using dynamic CSS have to do change their code.

[Pho3niX90]

Im short from what I can see.

Legacy browsers have been discontinued. Therefore, you should probably try and update your browser. Or stay on a version that supports said legacy browsers.

Getting rid of dynamic css where everything should be dynamic (moving flow) is a big task and probably not feasible.

[slipx06]

Hi All, The card makes extensive use of dynamic css and styles and so the work around here is to either:

• Stay on 2024.7.4
• Upgrade your device/browser
• Change/spoof your user agent string

For reference the following are considered legacy browers according to the new rules

Browser	Legacy	Current Modern	New Modern
Android	60	63	115
Chrome	60	63	109
Edge	16	79	115
Firefox	52	67	115
iOS	10.3	13	15.6
Safari	11	13	16.6
Opera	47	50	101
Opera Mobile*	-	80	80
Samsung	4	8.2	22

[jzielke84]

• Stay on 2024.7.4

Out of the question

• Upgrade your device/browser

Would like to but can't do it on my Tablet

• Change/spoof your user agent string

Tried but didn't solve the problem.

So I guess I'l gave to go back to power-flow-card-plus which does the job...

[parkflyer]

Please note that I am not talking about any browser here, I'm using the Home Assistant app on my iPad.
So also for me your options are not really helping.
Or should we contact the guys for the HA iPadOS app? Because on the iPad in the Safari browser there is no problem, just in the app...

[jzielke84]

@parkflyer Well Homeassistant is not responsible for 3rd party cards. So if they change the codebase it's up to the maintainers of the corresponding card to fix it. Hence they probably won't change anything on their companion app, since it runs fine with the stock cards.

[amurray81]

I'm using fully browser on a fire tablet and the card still works OK on full mode but not compact or lite.
Might not be following but why would that be the case. Should it not either be broken or not?

[pepe895]

I tried update my Galaxy Tab to Android 11, but card have same problem. Problem is strange because the card always works for a while. Sometimes an hour, sometimes a whole day.

[slipx06]

Please note that I am not talking about any browser here, I'm using the Home Assistant app on my iPad. So also for me your options are not really helping. Or should we contact the guys for the HA iPadOS app? Because on the iPad in the Safari browser there is no problem, just in the app...

There was an issue with the companion app on the ipad that has already been addressed. So hopefully this is fixed in the next HA release

[sitvesep]

An update to the iOS app was released today. It's working properly on my iPad again.

[parkflyer]

As assumed a fix in the iPad app was necessary. Works for mee too.