Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

history-graph: a tooltip may be not shown when a browser page is zoomed #24545

Open
3 of 4 tasks
ildar170975 opened this issue Mar 7, 2025 · 3 comments
Open
3 of 4 tasks

Comments

@ildar170975
Copy link
Contributor

ildar170975 commented Mar 7, 2025

Checklist

  • I have updated to the latest available Home Assistant version.
  • I have cleared the cache of my browser.
  • I have tried a different browser to see if it is related to my browser.
  • I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

  1. Add a new history-graph card.
  2. Check if a tooltip is shown:

Image

  1. Zoom a browser page.

  2. Check if a tooltip is shown.
    In my tests tooltip is NOT shown on some zoom (200%).

  3. Zoom down - back to 100% (or press Ctrl-0).

  4. In my tests tooltips are still not shown. They will become "fixed" only after a page refresh (F5).

Zooming a browser page may be needed for people with week eyes.

Describe the behavior you expected

Tooltips are always shown.

Steps to reproduce the issue

as above

What version of Home Assistant Core has the issue?

2025.3.0

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue?

Chrome 134.0.6998.36, FF 135.0.1

Which operating system are you using to run this browser?

Win10x64

State of relevant entities

Problem-relevant frontend configuration

Javascript errors shown in your browser console/inspector

Additional information

No response

@ildar170975
Copy link
Contributor Author

ildar170975 commented Mar 7, 2025

Important note:
tooltips a not "not shown at all" - to display them you need to tap a graph with a mouse, then a tooltip will be shown for the "selected point", but the tooltip will not be "moving" as it was.

Also, this "broken tooltip" has issues with "overflow":

Image

@ildar170975
Copy link
Contributor Author

Seems that Echarts has issues with a zoomed page: go to their repo & filter by "is:issue state:open zoom tooltip".

@Genosake
Copy link

Genosake commented Mar 8, 2025

I'm also having this issue on my phone. HA APP on my phone is not zoomed in. It was showing fine past two updates ago, I guess. This update mess with the tooltips.
image

The original 'row' Layout of my History Graph Card is '2'.
image
With this Layout, the tooltips of 'Duration' is covered.

But when I set the 'row' Layout to '3', I can see full of the tooltips all the way down to 'Duration'.
image

I hope the fix of this coming out soon. 🙏🏻

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants