[WEB] Pan Gesture and Native Gesture do not work simultaneously!

[gorhom]

Description

While working on supporting web for the Bottom Sheet, i noticed that the Pan gesture handler fails unexpectedly when interacting with a scroll view that is wrapped with Native gesture, this behaviour works just fine on mobile platforms ( iOS & Android ).

Platforms

• [ ] iOS
• [ ] Android
• [x] Web

Screenshots

Steps To Reproduce

• Run the provided snack
• Check the logs
  • you will notice that the pan gesture fails at the very beginning of the interaction

Expected behavior

Pan gesture and the scroll view should be active while interacting

Actual behavior

Pan gesture fails early while the scroll view still active.

Snack or minimal code example

https://snack.expo.dev/@gorhom/gh-web-issue

Package versions

• React: 17.0.2
• React Native: 0.68.2
• React Native Gesture Handler: 2.2.1
• React Native Reanimated: 2.8.0