Entities display issue on Iphone

[clanic70]

After latest HA core update to 2024.6.0, ha-tdv-bar was unable to show all entities correctly. Any advice about that? Thanks a lot !

[billmichell]

Issue also affects iPad

[tdvtdv]

Does the problem persist in the latest release (1.2.2)?

[clanic70]

Yes, exactly the same 😞

[Kasttolo]

I have the same problem on Android (TabS9+ and S22)

[borodaemon]

Also on PC

[elec2]

PC+Chrome here too, but not all the time, and it seams like it has nothing to do with the browser cache. More like a timing/loading/rendering thing while drawing the page maybe.

[elec2]

And this problem is also new and also not all the time. Seems like it has something to do with the different settings of each card. Some logarithmic some not?!

If i change the resolution of the page dynamically it looks like this:

So it seems like there is a recalculating function call missing of some sort.

[MobilityManager]

The issue also occurs on the HA MacOS client v2024.5.1 (2024.688) on a MacBook Pro M1 as well as Intel. Also on the HA iPhone App (v2024.5.1) plus the Safari an Chrome browser.
The Safari browser in the MacBook Pro M1 does give the issue also. The Chrome browser on the MacBook Pro M1 does not give any issues and works without problems.
Maybe this information will help?

[kdutton1964]

So to briefly to summarize does not work on any Apple product even when rolling back and purging cashes to the earliest version available. It does work in on my fire tablet/android fully kiosk. Here is a picture of silk browser on the android which is a unique issue but issue. Hope this is of some help.TKX
Silk - Firetablet (I could care less about use of silk)

Apple devices.

Same stuff, Image is common issue on all. M1 Bad, iPad bad both app and safari and chrome, iPhone bad both app and safari, **working properly on Android fire 10 tablet through fullykiosk. I can easily test multiple additional platforms if would be of assistance, Just let me know. Thank you for your fantastic contribution.
Computer Keith

[etcho]

Same problem here on PC.

[Thunderf1]

Same here in all devices :(

[Newevg]

Hi everyone, Yes same here looks as pictured above on all Apple devices ( 2024.6.3 ) Will try to restore from backup for now.

[tdvtdv]

This is a very strange problem, unfortunately on my devices it is not reproducible and I don't understand what is affecting it.

[dartfrogdk]

I had the same on my chrome browser on my pc, but i copied the code and moved it to a new card and then the issues was gone

[Lips2000]

Same issue here.

It runs fine in Microsoft Edge and Firefox on my Intel iMac but it will not display properly in Safari/iPhone/iPad (all updated to current OS.

Additionally, the 'fontcolor' argument does not seem to work when displaying in Edge/Firefox. Always black.

Side note: I think this is awesome and I have been searching for exactly this. Hope it gets resolved and thank you!

[Kasttolo]

In my case, the card is embedded in a standard dashboard. If card is at position 1 of the dashboard, it shows correctly, if at a position at the end of the dashboard, it is not displayed correctly.

[furll]

To add on the comment above - my dashboard has 10 cards.
ha-tdv-bar works fine in position 1-5 but breaks on position 6-10.

[dartfrogdk]

I got also problems again but only with a new card, if i reload browser they show perfectly, but on my Android phone i cant get them to show tirs. 18. jun. 2024 11.19 skrev furll ***@***.***>:

…

To add on the comment above - my dashboard has 10 cards. ha-tdv-bar works fine in position 1-5 but breaks on position 6-10. — Reply to this email directly, view it on GitHub <#19 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AHDAOWQE6PLWH7RUO35AAVLZH73SDAVCNFSM6AAAAABI4HPICGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNZVGYYTMMJWGU> . You are receiving this because you commented.Message ID: ***@***.***>

[oreboul]

Issue exists on all browser & plaform for me with V1.2.2. works well if you switch back to 1.2.0 or 1.2.1.

[Lips2000]

Possible work-around:
COPY your created ha-tdv-bar card that will not display then create a new HORIZONTAL card on your page and PASTE your ha-tdv-bar card all by itself into the horizontal card. Save.
Works on Safari and iPhone.
You can also set two pasted cards next to each which is how I figured this out.

Now if it just set font color correctly...

[kdutton1964]

Worked for Me :). Thk

[Newevg]

Possible work-around: COPY your created ha-tdv-bar card that will not display then create a new HORIZONTAL card on your
That trick worked on almost all of my cards. Thank you. But there were 2 x odd cards - nothing different from others. But nothing seems to fix them. Even adding new cards from scratch.
I've ended up duplicating working card and manually changed Entities and now those sensors work too!
Weird issue but it's now fixed.

Thank you!

[coalfield]

Unfortunately I am seeing the issue on all browsers and iphone. In the preview window when configuring it all shows fine, but in lovelace once saved no luck :( The trick mentioned with the horizontal stack shows the same issue.

[sfortis]

@tdvtdv A discovery I made is that graphs are displayed normally when the widget is the first in order.

https://www.youtube.com/watch?v=703e88wxeTU

[coalfield]

@tdvtdv A discovery I made is that graphs are displayed normally when the widget is the first in order.

https://www.youtube.com/watch?v=703e88wxeTU

You are correct, that fixes it for me!