react-native-draggable-flatlist icon indicating copy to clipboard operation
react-native-draggable-flatlist copied to clipboard

dragItemOverflow not working consistently with nested lists

Open perqa opened this issue 2 years ago • 0 comments

Describe the bug I am using the option dragItemOverflow, which makes it possible to drag items outside the list. To keep the items visible when they pass the list border I also had to add something like

<NestableDraggableFlatList
        style={{overflow:'visible'}}

I am using the Nested screen from the example app, with these minor modifications.

To Reproduce In this Snack, navigate to "Nested" and try dragging an item from any of the lists vertically outside the list container. Going up, it goes on top of all other elements, but going down, it only goes on top of the header below, not on top of the elements in the lists below. How can I make it go on top of all elements below?

Platform & Dependencies

  • iPhone 12 SImulator
  • Snack-Web
"dependencies": {
    "expo": "~49.0.0",
    "react-native-screens": "~3.22.0",
    "react-native-reanimated": "~3.3.0",
    "@react-navigation/native": "6.0.0",
    "react-native-swipeable-item": "2.0.9",
    "react-native-gesture-handler": "~2.12.0",
    "@react-navigation/bottom-tabs": "^6.0.7",
    "@react-navigation/native-stack": "^6.0.2",
    "react-native-safe-area-context": "4.6.3",
    "react-native-draggable-flatlist": "4.0.1"
  }

perqa avatar Oct 10 '23 19:10 perqa