Dots jumping on Safari based UIs

[SparkyDan555]

My entities update every second and when they do, the dots traversing the lines jump positions. They don't flow smoothly along the lines. To make matters worse, the entity for solar production doesn't always update at the same time as the entity for grid import/export so the dots jump around ver half a second or so. I think a fix needs to be implemented so the speed of the dots changes when the entities change in real-time, not just by calculating the time to travel along the line at the start of its path. i.e. if the power increases midway through the dot's travel, it speeds up right there and then.

[ulic75]

This functionality should exist already as it was an initial issue I had to overcome when designing the card. I'd have to build some kind of custom setup to try to update multiple values every 0.5-1s to try to simulate what you describe.

[SparkyDan555]

See the following screen recording as an example. When the values update, the dots kind of glitch and don't flow smoothly:

Screen.Recording.2022-07-05.at.7.45.38.pm.mov

[ulic75]

Have you tried other browsers? Can you provide me your browser specifics?

[SparkyDan555]

Just tried it in Chrome and it works okay. It seems to glitch in the Home Assistant companion app (2022.358) on iPhone, in Safari 15.5 on Mac and the companion app on Mac.

[ulic75]

I was able to reproduce it in Safari. So at least I have something to test against.

[github-actions]

🎉 This issue has been resolved in version 2.5.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[ulic75]

Could be a little janky still, but should be an improvement.

[SparkyDan555]

That looks much smoother, great work!

[emign]

Hi. I use v 2.5.1 and I encounter the same problem. Its not as bad as the recording above but still noticeable. Especially if you use an iPad as Home dashboard. Can we maybe add a setting, which lets the card only update every x seconds?

Bildschirmaufnahme.2022-09-22.um.19.48.42.mov