You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The tooltip should be closed when the mouse is not hovering a chart element and is outside the chart area.
Current behavior
If a point is at the edge of the chart area and the mouse goes outside the chart area at the same time as it stops hovering the point, the tooltip stays open while the mouse is inside the canvas but outside the chart area.
Note where my mouse is in the screenshot and that the tooltip is still open.
Slightly move your mouse to the left, so it's still inside the canvas but outside the chart area, and not hovering the point
The tooltip is still open. You can move your mouse all over the canvas while staying outside the chart area, and the tooltip will stay open.
Possible solution
No response
Context
The issue becomes quite visible and annoying if the chart have big margins between the edge of the canvas and the chart area (eg. big padding in layout, or long axis tick labels)
chart.js version
v4.4.7
Browser name and version
Chrome Version 129.0.6668.89
Link to your project
No response
The text was updated successfully, but these errors were encountered:
Expected behavior
The tooltip should be closed when the mouse is not hovering a chart element and is outside the chart area.
Current behavior
If a point is at the edge of the chart area and the mouse goes outside the chart area at the same time as it stops hovering the point, the tooltip stays open while the mouse is inside the canvas but outside the chart area.
Note where my mouse is in the screenshot and that the tooltip is still open.
Reproducible sample
https://www.chartjs.org/docs/latest/charts/line.html
Optional extra steps/info to reproduce
Possible solution
No response
Context
The issue becomes quite visible and annoying if the chart have big margins between the edge of the canvas and the chart area (eg. big padding in layout, or long axis tick labels)
chart.js version
v4.4.7
Browser name and version
Chrome Version 129.0.6668.89
Link to your project
No response
The text was updated successfully, but these errors were encountered: