Smooth animation during element reordering.

[roccomuso]

Is it already available? I'd like to have a smooth reordering animation on the other elements during the drag process.. Like in the Google Keep app.

[alvarotrigo]

+1

[runmael]

+1

[sjahan]

+1

[ariona]

+1 👍🏼

[maxbendick]

It seems odd to not have this feature. I'll look into how it could be done in the coming weeks.

[romainbessugesmeusy]

Does not belong in dragula. Dragula already appends a ghost element. It's your decision to add a smooth animation when it's added to the DOM and it heavily relies on your layout.

[alvarotrigo]

Does not belong in dragula. Dragula already appends a ghost element. It's your decision to add a smooth animation when it's added to the DOM and it heavily relies on your layout.

Could you please provide a quick demo of a simple animation ?

As far as I can see, the ghost element is appended / moved to another position in the DOM making it impossible to animate through css3 transitions alone. Same with the other elements that will get moved when re-positioning the element. Unlike other libraries such as packery which maintain the elements in the exact same DOM position, dragula doesn't.

I guess this would need to involve some Javascript at least? A good example can be found in the sortable library. Which seems to follow the same DOM structure and changes.

Here's my failed attempt.

[sp3]

+1

[ibrychgo]

+1

[marcushat]

+1

[shijistar]

+1

[ghost]

+1

[kildareflare]

• 1

[sindu12jun]

I add smooth animation in my fork , https://sindu12jun.github.io/dragula/ https://github.com/sindu12jun/dragula

[mblackritter]

@alvarotrigo, thank your for pointing out Sortable! I just can't believe that I might go to implement the 4th grid/drag/sort/[you name it] solution now, but it looks great, too. I didn't see it before, but sometimes gems are the ones hiding the hardest.

[alvarotrigo]

@zypo you're welcome ;)

[shreshthmohan]

Why not reopen this PR and incorporate it? https://github.com/bevacqua/dragula/pull/450

[alvarotrigo]

I add smooth animation in my fork , https://sindu12jun.github.io/dragula/ https://github.com/sindu12jun/dragula

Not really worked with the same API. I'm having issues with it and the issues page has been disabled. So I assume it is not maintained anymore.

[alvarotrigo]

The pull requested in https://github.com/bevacqua/dragula/pull/450 works perfectly ;)