Cursor misalignment in Safari (video)

Hi Piri! I have been noticing this recurring bug in Safari and meant to grab a video, finally did. The video illustrates it as much as possible, but as far as a text description goes, I noticed that when using Safari my cursor will often be pointing to the wrong place, somehow?

I’m using a tablet (Wacom Intuos Pro) when capturing the video, BUT I have tested just now and the issue does occur even when using the macbook’s trackpad.

The video has the console log open, if that’s useful.

LINK TO VIDEO (forum wouldn’t let me drag-n-drop it, it was only 13MB but probably for the best. maybe due to size, maybe because of .mov?) https://youtu.be/8j6um_7pIsY note- as of posting may be processing, give it a minute

the hover effects are just standard browser things, so if you’re seeing hovering only in a wrong mouse position you might need to fully quit and reopen safari. Let me know if that works.

tested latest safari mac and couldn’t repro the issue

it has recurred across many full computer reboots, and it’s not just the hovers - clicks and drags also maintain the same offset, clicking buttons will click the wrong button (i.e. the click will click where the hover is offset to, not where the cursor is)

it seems to mainly happen after i pan. i don’t think there’s anything that’s weird about my safari… this is a pretty new computer

whoa, ok, i think it might be related to my tablet. i use a tablet instead of a mouse, and normally i can’t click to drag a website around. if i use the trackpad to pan, then the error does not occur, it’s only when using the tablet.

so the error report is, i think:

  • when using a tablet (Wacom Intuos Pro)
  • if i pan using the tablet (using either right click or hold space)
  • on mac, on safari (this was not occurring on my prev windows/chrome setup)
  • then i get the above issue (see video) where the mouse cursor position (as visualized by the OS) is not connected to the click position (as understood by the browser)

as i mentioned i can’t normally use the tablet to ‘drag’ a website around in the way that i can in kinopio, is there another website or web tool or something that you’re aware of that i could test whether the same behaviour recurs there as well? happy to test, just point me in the right direction. i’ll report it to that other service if possible and will also report it to apple or whatever, if it’s something that appears more widespread than kinopio.

i guess you could try panning in tldraw or or https://excalidraw.com/ ? are you holding down right-click or span to pan with the pen or initiating the pan in some other way?

ONE MORE UPDATE, god. okay, so, it does happen with trackpad also. i think the issue is drag and release with momentum. if i do that then the cursor position does not notice the amount the screen moved due to momentum to some degree.

see my prev / most recent post; i have tested with right click (side button on tablet stylus but mapped directly to RMB), hold spacebar, as well as (now) two fingers on the touchpad

tldraw seems fine
excalidraw appears to manage its pan differently, there is no momentum - as soon as i release the drag cursor it stops
one difference that i notice from afar is that tldraw does not have edges; i don’t think that’s relevant, but i can’t test whether momentum-ing into the edge of the screen causes problems because there aren’t edges. it’s possible, also, seeing that excalidraw has no momentum, that tldraw is managing its momentum manually whereas kinopio relies on safari’s built in momentum?

ok will try and repro with a magic trackpad i have around here somewhere asap

1 Like

fwiw i do not have a mouse. so i have not specified touchpad with intent, haha. if a mouse gives you momentum on drag & release mid-swing then i bet it will work with a mouse also!

oh this is a regular macbook trackpad? EDIT i see that you are in the OP

when you pan with the trackpad are you also using right click or holding space? (you don’t really need to do that in trackpad, you can just two finger scroll)

does this issue only happen in safari or do you also see it in firefox and/or chrome? (you’d be shocked at all the weird safari specific event quirks)

on the trackpad i am using right click - if i two finger scroll it locks it to an axis, and it doesn’t occur. the little grabby hand needs to appear.

it doesn’t occur in mac/chrome, only mac/safari. (have not tested firefox, i don’t have it.)

((and yes, confirming: regular macbook trackpad.))

is it more difficult to do with the trackpad than the tablet, but it can definitely be done. it’s gotta be a diagonal fling, so a larger space is useful to repro it, and it doesn’t seem to happen totally reliably.

1 Like

Ok I’ll try and repro on an m1 MacBook

bump. haven’t forgotten about this and will look into this when i’m next able to more deeply investigate