Chart.js
Chart.js copied to clipboard
chartjs
Tooltip yAlign handle overflow
Expected behavior
By setting the tooltip config to yAlign: 'bottom' I though it would always be shown on top of the point and flip if point is on top of the canvas.
Current behavior
The current behavior is that it works except if the point is on the top of the canvas like here https://codepen.io/Mushr00m/pen/jOaPQzP?editors=1010 for the blue value, the tooltip does not flip to position top it just stick to the top with the caret still on the bottom.
Reproducible sample
https://codepen.io/Mushr00m/pen/jOaPQzP?editors=1010
Optional extra steps/info to reproduce
No response
Possible solution
No response
Context
No response
chart.js version
v3.7.0
Browser name and version
No response
Link to your project
No response
I feel like this is currently working as designed. When a specific tooltip alignment is set, the tooltip maintains that even if it is not the optimal arrangement. I'm actually surprised that the xAlign changes the point at the first and last points.
