lostPointerCapture event cancels pinch gestures (#599)

ds300 · web-flow · commit 0dce2216cb15 · 2023-05-21T15:57:28.000+02:00
diff --git a/.changeset/neat-planets-enjoy.md b/.changeset/neat-planets-enjoy.md
@@ -0,0 +1,5 @@
+---
+'@use-gesture/core': patch
+---
+
+detect lost pointer capture in PinchEngine
diff --git a/packages/core/src/engines/PinchEngine.ts b/packages/core/src/engines/PinchEngine.ts
@@ -301,6 +301,8 @@ export class PinchEngine extends Engine<'pinch'> {
       bindFunction(device, 'end', this[device + 'End'].bind(this))
       // @ts-ignore
       bindFunction(device, 'cancel', this[device + 'End'].bind(this))
+      // @ts-ignore
+      bindFunction('lostPointerCapture', '', this[device + 'End'].bind(this))
     }
     // we try to set a passive listener, knowing that in any case React will
     // ignore it.

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@use-gesture/core': patch
 +---
++
 +detect lost pointer capture in PinchEngine
Original file line number	Diff line number	Diff line change
`@@ -301,6 +301,8 @@ export class PinchEngine extends Engine<'pinch'> {`
`301`	`301`	`bindFunction(device, 'end', this[device + 'End'].bind(this))`
`302`	`302`	`// @ts-ignore`
`303`	`303`	`bindFunction(device, 'cancel', this[device + 'End'].bind(this))`
	`304`	`+ // @ts-ignore`
	`305`	`+ bindFunction('lostPointerCapture', '', this[device + 'End'].bind(this))`
`304`	`306`	`}`
`305`	`307`	`// we try to set a passive listener, knowing that in any case React will`
`306`	`308`	`// ignore it.`