search

SortableJS / Sortable

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
https://sortablejs.github.io/Sortable/
MIT License
29.39k stars 3.69k forks source link

forceFallback + animation + nested lists #1707

Open filipkis opened 4 years ago

filipkis commented 4 years ago

Problem:

When animation is turned on, and forceFallback is set to true and you have nested list, there will be a strange "jumpy" behaviour with the ghost only when you drag from nested list to parent list. Dragging inside the same lists or from parent to child works fine.

This was not a problem in 1.9.0.

CodeSandbox demonstrating the problem:

https://codesandbox.io/s/keen-archimedes-1ef0s?fontsize=14&hidenavigation=1&theme=dark

ivan-banha commented 3 years ago

I have the same problem. SortableJS/react-sortablejs#196. Could not find a solution so far. It seems like if you set animation={0} the ghost item will stop jumping.

notbucai commented 9 months ago

Any new solutions? Setting animation=0 doesn't seem to have solved the problem; instead, it seems to make the jumping even faster.

https://github.com/SortableJS/Sortable/assets/32786133/6445a785-5469-4801-8d55-27a74028993d