Vue.Draggable icon indicating copy to clipboard operation
Vue.Draggable copied to clipboard

Incorrect animation when dropped outside of container

Open mnearents opened this issue 5 years ago • 2 comments

When the drag goes beyond the list boundary, the item is dropped into the correct position but the animation is incorrect. It shows the item returning to its original position first, but then appears in the new position.

Jsfiddle link

I don't have a Jsfiddle link, but the problem is present in your demos. Here is a YouTube video showing the problem: https://youtu.be/p0KVBDPLD24

Step by step scenario

  1. Drag an item down and hold over a new position
  2. Drag the item outside the bounds of the list, but so the new position is still highlighted
  3. Drop the item
  4. Watch the item animate back to its original spot
  5. Watch the item appear in the new spot without an animation

Actual Solution

The item animates to its original position and then appears in the new position without an animation.

Expected Solution

The item should animate to its new position.

mnearents avatar Aug 28 '20 21:08 mnearents

@mnearents did you get any fix for this?

twf-nikhila avatar Oct 12 '22 13:10 twf-nikhila