The animations in this library for user interaction of drag and drop are really nice. In my use case, I allow a user to drop items between lists, but then the lists are auto-ordered by some criteria (ie. alphabetical). My user drag and drop really just exists to allow users to transfer items between lists, not reorder.
In my onDragEnd, I re-order the items in each list alphabetically after the user drops a Draggable, but this causes the nice movement animation to where the user put the item, and then a non animated reordering of the items when the state updates to alphabetize.
How can I animate any movement / reordering of the items, whether caused by user drag or state change?
Description
The animations in this library for user interaction of drag and drop are really nice. In my use case, I allow a user to drop items between lists, but then the lists are auto-ordered by some criteria (ie. alphabetical). My user drag and drop really just exists to allow users to transfer items between lists, not reorder.
In my
onDragEnd
, I re-order the items in each list alphabetically after the user drops a Draggable, but this causes the nice movement animation to where the user put the item, and then a non animated reordering of the items when the state updates to alphabetize.How can I animate any movement / reordering of the items, whether caused by user drag or state change?