With the current version, whenever you try to use the drag n drop feature, there is no animation of the elements under the mouse cursor.
On the official demo, List A and List B do have that animation.
The gif shown on the project homepage shows those animations too.
However, under Firefox 56.0b8 nor Chrome 60, no such transition are shown.
I created a screencast to show the problem.
Ideally, I'd like to reproduce what I made before without jquery and with Vue.Draggable!
Nevermind, if you add :options="{animation:150}" to the draggable object, the animations are shown. My bad :)
Do you think it's possible to mimic the behavior shown in my codepen (to show a dotted div where the user can drop the element)?
Can you get that animation when moving the <div> horizontally (and not vertically like this in the case here)?
Hello @AlexandreBonneau , you are correct:options="{animation:150}" is the way to go.
For the other question, you can play around with ghostClass, chosenClass, sortable-chosen and
dragClass properties. If you manage to create an effect similar to your fiddle it will be interesting to post here as a refernce
Unfortunately I did not manage to reproduce that effect..
Most helpful comment
Nevermind, if you add
:options="{animation:150}"to thedraggableobject, the animations are shown. My bad :)Do you think it's possible to mimic the behavior shown in my codepen (to show a dotted div where the user can drop the element)?
Can you get that animation when moving the
<div>horizontally (and not vertically like this in the case here)?