Aquí está codepen ( https://codepen.io/tst-vtv/pen/jOGjdmM?editors=0100 check link ) para reproducir el problema

Este trabajo como lo necesito en Chrome y Firefox, pero Safari me está matando :(

Pasos:

1. haga clic en el rectángulo de lienzo blanco y simplemente mueva el mouse allí
2. intente ahora mover el mouse con el botón izquierdo presionado
3. abra safari devtools como modo acoplado (no ventana separada) haga clic en cualquier lugar aquí y vuelva sobre el lienzo y mueva el mouse sin hacer clic en ningún lado
4. ahora simplemente haga clic en el lienzo y mueva el mouse nuevamente

Problema: los pasos 1 y 4 son cómo funciona solo en safari y solo después de hacer clic en algún lugar

los pasos 2 y 3 muestran cómo esperaba ver el evento mousemove el paso 2 es extraño pero funciona bien como si tuviera el evento mousedown el paso 3 es lo que observo después de largas pruebas

CUALQUIER AYUDA será apreciada.