fix(useSwipe): add touchcancel callback (vitest-dev#633)

chaii3 · Jul 25, 2021 · ea08e27 · ea08e27
1 parent e3a3ec9
commit ea08e27
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/packages/core/useSwipe/index.ts b/packages/core/useSwipe/index.ts
@@ -126,6 +126,13 @@ export function useSwipe(
   else
     listenerOptions = isPassiveEventSupported ? { passive: true } : { capture: false }
 
+  const onTouchEnd = (e: TouchEvent) => {
+    if (isSwiping.value)
+      onSwipeEnd?.(e, direction.value)
+
+    isSwiping.value = false
+  }
+
   const stops = [
     useEventListener(target, 'touchstart', (e: TouchEvent) => {
       if (listenerOptions.capture && !listenerOptions.passive)
@@ -145,12 +152,8 @@ export function useSwipe(
         onSwipe?.(e)
     }, listenerOptions),
 
-    useEventListener(target, 'touchend', (e: TouchEvent) => {
-      if (isSwiping.value)
-        onSwipeEnd?.(e, direction.value)
-
-      isSwiping.value = false
-    }, listenerOptions),
+    useEventListener(target, 'touchend', onTouchEnd, listenerOptions),
+    useEventListener(target, 'touchcancel', onTouchEnd, listenerOptions),
   ]
 
   const stop = () => stops.forEach(s => s())