graphs in the monitor individual devices (energy pane) not showing properly when changing date.

[zadigre]

Checklist

• [X] I have updated to the latest available Home Assistant version.
• [X] I have cleared the cache of my browser.
• [X] I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

when switching to day, week, month, year or changing date, graphs for monitor individual devices do not show properly. reloading the page will reload the current date and graphs will be ok... but changing the date again will "break" the graphs. This is in Safari on the latest macOS Monterey beta. Edge works fine.

see attached screen recording... first browser is Safari, second is Edge.

Describe the behavior you expected

show graphs the same way in Safari compared to Edge.

Steps to reproduce the issue

1. go to energy pane
2. change date or select a different range (today, week, month, year).

https://user-images.githubusercontent.com/4810599/132861929-e6d5aede-211d-4c11-be6e-bd6ae728b966.mov

What version of Home Assistant Core has the issue?

core-2021.9.5

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Safari 15.0 (17612.1.28.5)

Which operating system are you using to run this browser?

macOS Monterey 12.0 (21A5506j)

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[zadigre]

I discovered something... if I slightly resize my safari window when I get this bug, the graphs will be fine. but as soon I as change date, problem will be back.

it might be a rendering issue specific to safari... but I do not have any other problem elsewhere on Internet.

[zadigre]

I also have the same problem in the iOS app and safari on my iPhone running the latest iOS 15 beta

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[zadigre]

This issue is still present

[zadigre]

[thomas-svrts]

I've the same on iOS and on my Mac (Safari), resizing the window does indeed solve it. Works fine in Edge on Mac.

tested on 2021.12.4 with frontend 20211220

[Irming1109]

i have the same problem. will this be fixed someday maybe ?

[JurajNyiri]

Same issue in 2022.02.1 in the iOS app on iPad.

Replication steps:

- Open energy

• Click week (at this moment it becomes bugged)

• Click day

- Observe incorrect graph for individual devices

It fixes itself when the single orange lane is clicked.

[emufan]

Have this individual devices bug as well. Every iPad, iPhone, Safari, Companion, ... If I press any button or whatever, it results in what JurajNyiri has shown.

This bug was there from day 1 of this energy board. Will it ever be fixed?

[emufan]

Problem is still there with 2022.3.8. Interesting thing, where I'm not sure if it was already the case in the past: If I click on the single bar in the last screenshot of the last post today, the chart is loaded/displayed afterwards correctly (as far as I can see). So only an UI refresh/update problem?

Additionally, for Sources card in energy view there is now a horizontal scroll bar, which is not the case in any other card in this view. Don't think that it is wanted or expected behavior.

Thir topic: The name in the view above is right aligned. I would suggest to align it left, so it is more probable that the name to distinguish the bars is at the beginning not the end of the name, esp. if you have such suffixes as above.

[zadigre]

Problem is still there with 2022.3.8. Interesting thing, where I'm not sure if it was already the case in the past: If I click on the single bar in the last screenshot of the last post today, the chart is loaded/displayed afterwards correctly (as far as I can see). So only an UI refresh/update problem?

@emufan I've found on my computer (Mac + Safari) that just moving the mouse cursor over the bar will refresh the bars properly.

[emufan]

Is there anything I can test or provide to get it fixed in any of the next releases?

[zrhutto]

I wonder if this is a regression or a different issue than what was fixed in #9722. FWIW, this bug still exists on 2022.4.7

[emufan]

At least every description and behavior look like exactly the same. I'm not sure if the fix from Bram (https://github.com/home-assistant/frontend/pull/9806) is still in place or if there was another reason.

[jorisrymenants]

I am having the same issue since several releases, not even sure it ever worked correctly. Issue is safari related. it occurs on desktop, iOS, and iOS companion app. On the energy dashboard, after initial load, only 1 device is shown in the individual device list. When first loading, the view is later automatically updated to the list with all devices. But this does not happen all the time. Sometimes mouseover the view triggers to stil load all devices. When changing dates, or switching on of compare, only one device is shown again. also here sometimes the view reloads with all devices, but less often then with initial load.

current release 2022.6.4 safari 15.5 MacOS BigSur 11.6.6

[nickdos]

I discovered something... if I slightly resize my safari window when I get this bug, the graphs will be fine. but as soon I as change date, problem will be back.

it might be a rendering issue specific to safari... but I do not have any other problem elsewhere on Internet.

My experience mirrors this - seems to be Safari related and resizing window forces the graphs to be regenerated. On iOS HA app, this is not possible so the graphs are broken there.

[grudyjsy]

Tested on iPad iOS 15.5 - safari, HA app, chrome and Firefox. I can confirm issue affects all browsers. If you click on and off the graph a few times it forces it to refresh.

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[emufan]

Unfortunately, still the case. Not usable on Apple devices.

[nickdos]

~Still not working for me, including on Home Assistant iOS app (latest versions).~

Actually it's working now for me - did a restart so maybe that triggered something.

[Irming1109]

Still not working for me.. using newest version. Problem occurs across all platforms (PC – Android App, IOS App)

Fra: github-actions[bot] @.> Sendt: 17. september 2022 18:02 Til: home-assistant/frontend @.> Cc: Irming1109 @.>; Manual @.> Emne: Re: [home-assistant/frontend] graphs in the monitor individual devices (energy pane) not showing properly when changing date. (#10007)

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

— Reply to this email directly, view it on GitHub https://github.com/home-assistant/frontend/issues/10007#issuecomment-1250096050 , or unsubscribe https://github.com/notifications/unsubscribe-auth/ASN54EXQYKDHGH2FHXZQ45DV6XTQHANCNFSM5DZLOV7A . You are receiving this because you are subscribed to this thread. https://github.com/notifications/beacon/ASN54EXPQGQCGOT5XJVZOQTV6XTQHA5CNFSM5DZLOV7KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOJKBPHMQ.gif Message ID: @.*** @.***> >

[zadigre]

Working fine for me on iOS 16 and latest beta of macOS Ventura. I guess rendering issue has been fixed on latest versions of iOS and probably safari 16 (included in the latest macOS Monterey)

[thomas-svrts]

Yes I can confirm: also works on my iPhone with Safari iOS16

[knudsvik]

I can confirm it is also fixed with MacOS Ventura (and iOS 16).

[karwosts]

Closing as this is quite stale and there are multiple reports that it is fixed. If you still experience an issue, please leave a comment.