custom-zoom autohide: Use CSS :hover instead of getBoundingClientRect

[mybearworld]

Changes

Currently, custom-zoom detects if the cursor is hovering over the area with getBoundingClientRect and mouseover event. This PR makes it just use the :hover selector.

Reason for changes

Removes most of the logic for this. It's also a bit more robust when the window is being resized.

Tests

Tested in Edge.

[mybearworld]

No one's as stupid to not use ":hover" when needed, It's probably done for a reason. EDIT: woops!, it seems you made that addon! sorry.

I didn't make that addon, and I don't think the person that originally made it is stupid.
The way this addon worked before was entirely reasonable; I had to make some changes in order to get :hover to actually work in this context.

[mybearworld]

i didnt call him stupid, i said he most likely did it for some reasons. You'll need to do lots of testing to clarify everything works (cause using :hover might break other things)

Yeah, the reasons seem to be:

• Moving the zoom area before the SVG makes it go behind the SVG, but is also necessary in order to select it with CSS.
• Having :hover work also means that pointer-events can't be set to none, but it also has to be because otherwise, the zoom area will receive all clicks in its area, and the zoom buttons will stop working.

And I have addressed them.

[Samq64]

Tested on Chromium and Firefox with editor-stage-left and after resizing the window.

[WorldLanguages]

We usually try to avoid mousemove events on the document, so this is also related to performance.

[mxmou]

This change makes it impossible to scroll or zoom using the mouse wheel when the mouse is above the zoom buttons.