From 703a004f219ac381b781384c4ce055070dec5682 Mon Sep 17 00:00:00 2001
From: JackDotJS <jackdotjs@proton.me>
Date: Sun, 28 Jul 2024 20:22:26 -0700
Subject: [PATCH] frontend(ViewPort): update cursor position outside of canvas
 too, attempt fix tablet pen jumping issue

---
 src/renderer/src/components/viewport/ViewPort.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/viewport/ViewPort.tsx b/src/renderer/src/components/viewport/ViewPort.tsx
index d8b44e7..ebec4c4 100644
--- 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}