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_