`Hovertemplate` will block the point due to the lack of `top` and `bottom` side

[Lexachoc]

Sometimes the hovertemplate will block the point because the hovertemplate is only positioned on the left or right side.

See the GIF below:
https://plotly.com/javascript/hover-text-and-formatting/#advanced-hovertemplate