Gesture.Manual().shouldCancelWhenOutside(true) doesn't work on iOS or web

Description

Using Gesture.Manual().shouldCancelWhenOutside(true) doesn’t seem to work on iOS or web. As can be seen in this demo:

UPDATE: I did some more testing to compare how Tap, LongPress, and Manual work when using shouldCancelWhenOutside(true).

On Android it works correctly for all three gestures (Tap, LongPress, and Manual):

On iOS it works correctly for Tap and LongPress but not Manual:

On the web:

• It doesn’t work for Tap.
• It works for LongPress if the press starts near the center of the element, but it doesn’t work if the press starts near the edge of the element.
• It doesn’t work for Manual.

Steps to reproduce

You can test out the Android and iOS versions using this Snack demo, but I haven’t figured out how to get the web version to work on Snack yet. If I try to use enableExperimentalWebImplementation(true), it says it’s not a function. Any suggestions? However, I tested the web version on my local machine as can be seen in the animated GIFs.

Snack or a link to a repository

https://snack.expo.dev/@elliotwaite/rngh-shouldcancelwhenoutside

Gesture Handler version

2.7.0

React Native version

0.69.0

Platforms

Android, iOS, Web

JavaScript runtime

No response

Workflow

No response

Architecture

No response

Build type

No response

Device

No response

Device model

No response

Acknowledgements

Yes

[Warus15]

I’m closing this issue since the PR has been merged. Feel free to re-open it if something isn’t right.

[elliotwaite]

@Warus15, sounds good.