angular-drag-and-drop-lists icon indicating copy to clipboard operation
angular-drag-and-drop-lists copied to clipboard

Published 20 hours ago • verified publisher icon marceljuenemann

Animation

Open smachi opened this issue 10 years ago • 7 comments

How to add animation to list items when sorting?

Would be great to get something like this: http://rubaxa.github.io/Sortable/

smachi avatar Oct 21 '15 11:10 smachi

Bump! Agreed.

felippenardi avatar Dec 04 '15 21:12 felippenardi

+1

onigetoc avatar Jan 15 '16 14:01 onigetoc

+1

tfoel avatar Jan 18 '16 07:01 tfoel

The linked directive actually performs the move while we are dragging the element over the dropzone. This is something we don't want to do because it is not consistent with the native drag & drop behavior.

However, we could look into animating the placeholder element when it changes position. I'm open for suggestions on how to do that.

marceljuenemann avatar Feb 07 '16 22:02 marceljuenemann

Any ideas? I'm feeling that this library gives the user a bit of a "clunky" experience when trying to drag-drop stuff in lists. Some smoothening animations would probably help alot. Any pointers where to start?

RobzInadE avatar Sep 21 '16 12:09 RobzInadE

If you want to create beautiful animations, you probably want to use a pure JavaScript drag & drop library. The HTML5 API doesn't give us too much control over the look and feel.

marceljuenemann avatar Oct 04 '16 18:10 marceljuenemann

Any suggestion to make a smooth transition?

sculptsoft-devs avatar Oct 30 '17 10:10 sculptsoft-devs