frontend(ViewPort): update cursor position outside of canvas too, att…

…empt fix tablet pen jumping issue
JackDotJS · Jul 29, 2024 · 703a004 · 703a004
1 parent 22d39f6
commit 703a004
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/renderer/src/components/viewport/ViewPort.tsx b/src/renderer/src/components/viewport/ViewPort.tsx
@@ -81,9 +81,17 @@ const ViewPort = (): JSXElement => {
       updateCursor(ev);
     });
 
+    window.addEventListener(`pointermove`, (ev) => {
+      updateCursor(ev);
+    });
+
     window.addEventListener(`pointerup`, () => {
       setDrawing(false);
     });
+
+    window.addEventListener(`pointerout`, (ev: PointerEvent) => {
+      if (ev.pointerType === `pen`) setDrawing(false);
+    });
   });
 
   return (
@@ -112,8 +120,7 @@ const ViewPort = (): JSXElement => {
         </label>
       </div>
       <div 
-        class={style.canvasWrapper} 
-        onPointerMove={(ev) => updateCursor(ev)} 
+        class={style.canvasWrapper}
         onPointerEnter={() => setCursorVisible(true)}
         onPointerLeave={() => setCursorVisible(false)}
         ref={canvasWrapperElem}