You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If the rows are dynamic heights, the list will jump around a lot when you move items, especially if you move items across large distances (>50 items). Also its impossible to drag a card to the bottom as it stops halfway.
Notice the list jumps by a large margin from where you originally dropped the card
Now try dragging a card to the bottom of the list
Notice it gets stuck about halfway, meaning it is not possible to drag cards to the bottom if the card heights are different sizes
Expected behavior
No jumpiness expected. I suspect it means the height measurements are inaccurate somewhere.
I opened this PR for react virtuoso as well (petyosi/react-virtuoso#967 (comment)), but the maintainer believes this is an issue with the @hello-pangea/dnd library.
Is there any combination of dnd libraries + virtualized list libraries that allow for dragging cards with varying heights? Neither react-window or react-virtualized worked either.
The text was updated successfully, but these errors were encountered:
Hey, I am actively using react-virtuoso and was looking to integrate drag reorder support. Were you ever able to find a solution to this? I'm trying to decide between hello-pangea/dnd and dnd-kit to use.
If the rows are dynamic heights, the list will jump around a lot when you move items, especially if you move items across large distances (>50 items). Also its impossible to drag a card to the bottom as it stops halfway.
Here is a codesandbox: https://codesandbox.io/s/react-virutoso-with-react-beautiful-dnd-forked-dynamic-heights-hhjcx8
Steps to reproduce the behavior:
Expected behavior
No jumpiness expected. I suspect it means the height measurements are inaccurate somewhere.
I opened this PR for react virtuoso as well (petyosi/react-virtuoso#967 (comment)), but the maintainer believes this is an issue with the @hello-pangea/dnd library.
Is there any combination of dnd libraries + virtualized list libraries that allow for dragging cards with varying heights? Neither react-window or react-virtualized worked either.
The text was updated successfully, but these errors were encountered: