Fix/touch cancel 441 (#443)

pmndrs · Feb 11, 2022 · 916d178 · 916d178
1 parent 9c47ba9
commit 916d178
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/shiny-chefs-deny.md b/.changeset/shiny-chefs-deny.md
@@ -0,0 +1,5 @@
+---
+'@use-gesture/core': patch
+---
+
+fix: make sure the drag gesture is ended when `touchcancel` event is triggered.
diff --git a/demo/package.json b/demo/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "postinstall": "patch-package",
-    "dev": "vite --port 4000",
+    "dev": "vite --port 4000 --host",
     "build": "vite build",
     "serve": "vite preview"
   },

diff --git a/packages/core/src/engines/DragEngine.ts b/packages/core/src/engines/DragEngine.ts
@@ -263,6 +263,7 @@ export class DragEngine extends CoordinatesEngine<'drag'> {
     if (!config.pointerCapture) {
       this.eventStore.add(this.sharedConfig.window!, device, 'change', this.pointerMove.bind(this))
       this.eventStore.add(this.sharedConfig.window!, device, 'end', this.pointerUp.bind(this))
+      this.eventStore.add(this.sharedConfig.window!, device, 'cancel', this.pointerUp.bind(this))
     }
   }
 

diff --git a/packages/core/src/utils/events.ts b/packages/core/src/utils/events.ts
@@ -50,7 +50,7 @@ function getCurrentTargetTouchList(event: TouchEvent) {
 }
 
 function getTouchList(event: TouchEvent) {
-  return event.type === 'touchend' ? event.changedTouches : event.targetTouches
+  return event.type === 'touchend' || event.type === 'touchcancel' ? event.changedTouches : event.targetTouches
 }
 
 function getValueEvent<EventType extends TouchEvent | PointerEvent>(