fix: remove event listeners when dragging across iframe borders

luncheon · Sep 18, 2022 · 4eaf698 · 4eaf698
1 parent fb573e8
commit 4eaf698
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/index.js b/index.js
diff --git a/src/pointer.ts b/src/pointer.ts
@@ -17,18 +17,16 @@ addEventListener("pointerdown", (pointerDownEvent: PointerEvent) => {
     ? (event) => event.pointerId === pointerId && move(event.clientX - pointerDownEvent.clientX)
     : (event) => event.pointerId === pointerId && move(event.clientY - pointerDownEvent.clientY);
 
-  const onPointerUp = (event: PointerEvent) => {
+  const onLostPointerCapture = (event: PointerEvent) => {
     if (event.pointerId === pointerId) {
       separator.removeEventListener("pointermove", onPointerMove);
-      separator.removeEventListener("pointerup", onPointerUp);
-      separator.removeEventListener("pointercancel", onPointerUp);
+      separator.removeEventListener("lostpointercapture", onLostPointerCapture);
     }
-  };
+  }
 
   onPointerMove(pointerDownEvent);
 
-  separator.addEventListener("pointercancel", onPointerUp);
-  separator.addEventListener("pointerup", onPointerUp);
+  separator.addEventListener("lostpointercapture", onLostPointerCapture)
   separator.addEventListener("pointermove", onPointerMove);
   separator.setPointerCapture(pointerId);