Skip to content

Pressing on an item after scrolling down in NestableDraggableFlatList causes the item to move down and up again. #509

@maroparo

Description

@maroparo

Describe the bug
When using the NestableDraggableFlatList while having a few lists rendered, when scrolling down and then starting to drag an item, a weird behaviour appears. The item that is being dragged moves down one item and then up again.

To Reproduce

  • I took the code from the example snack and put it in a screen in my app (I'm using react native navigation). No other additional code in that specific screen.
  • I increased the number of the items per list to 20.
  • I start scrolling down and then randomly long press an item. Though it doesn't show in the recording, there is only one gesture happening, a simple long press on item 13. No drag no nothing.
  • The glitch happens.
Bug.mp4

Platform & Dependencies

  • Platform: Both Ios (iOS 17.0) and Android
  • "react-native-draggable-flatlist": "^4.0.1"
  • "@react-navigation/core": "^6.2.1"
  • "react-native": "0.72.5",
  • "react-native-reanimated": "^3.3.0"
  • "react-native-modal-datetime-picker": "^17.1.0"

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions