Doesn't not work with react-native-gesture-handler ^2.16.0 on web.

[Manouli]

Describe the bug
The package doesn't seem to work with "react-native-gesture-handler": "^2.16.0" on web.

Platform & Dependencies
Please list any applicable dependencies in addition to those below (react-navigation etc).

• react-native-draggable-flatlist version: ^4.0.1
• Platform: Web
• React Native or Expo version: 0.73.5
• Reanimated version: ^3.8.1
• React Native Gesture Handler version: ^2.16.0

Additional context
When upping the version of react-native-gesture-handler from 2.9.0 to 2.16.0 the package does not work on web.

I will demonstrate with videos the before and after to showcase it. The interesting part is that when adding the debug prop you can drag using the debug orange bars but not the actual drag handle as its broken. I will try to demonstrate that in the video. I am not sure what is causing this. Also notice how the ScaleDecorator breaks.

Video with version 2.9.0:

Screen.Recording.2024-04-03.at.14.24.31.mov

Video with version 2.16.0

Screen.Recording.2024-04-03.at.14.25.45.mov

Any help would be greatly appreciated.

[edwinvrgs]

This is happening to us too.

[northkevin]

Same here +1 on version: 2.16.0

Versions in yarn.lock file

"react-native-draggable-flatlist@npm:^3.1.2":
  version: 3.1.2
  ...,
"react-native-gesture-handler@npm:^2.3.1":
  version: 2.16.0
  ...

Screen.Recording.2024-05-14.at.4.51.53.PM.mov

[reececox]

Setting the list's activationDistance resolves the issue for me on web:

<DraggableFlatList
  ...
  activationDistance={1}
/>

This sets the activeOffsetY on the underlying pan gesture (from react-native-gesture-handler).