Hover box overlapping point/cursor

With plotly express, when using hover_data, the hover box sometimes covers the point for which it is shown (depending on the size of the hover box). It would be good if this could get avoided by shifting the box. In many cases, it is clear before showing the plot, in which direction the hoever box could get shifted to better avoid this, so even if the javascript cannot figure this out automatically it would be good to allow something like "hover_box_delta_x", "hover_box_delta_y" to shift the box that many pixels to the right (if negative, to the left), for example.

When the box completely covers the cursor and the point it is shown for it is very hard to put the information in context and even harder to show the information for another point, because neighbouring points are not visible at all.

Start by tracing the JavaScript hover handling used with plotly express and hover_data, focusing on how the hover box is positioned relative to its point and cursor. Done means the box avoids covering the selected point where possible and supports the proposed horizontal and vertical pixel offsets when automatic positioning cannot determine a better direction.