search

desandro / draggabilly

:point_down: Make that shiz draggable
https://draggabilly.desandro.com
MIT License
3.86k stars 386 forks source link

Draggabilly animation play multiple times #170

Closed ghost closed 7 years ago

ghost commented 7 years ago

I'm having a problem with Draggabilly + Packery. When I create an exact copy of an item from #Packery_DIV_1 and append it to #Packery_DIV_2 the item at 'dragEnd' the animation is played twice (sometimes, multiple times).

Here is a gif of the problem problema

jQuery code

var copy = $(this).closest('.pnlCardReporte').clone(); $('#Favoritos_TAB').find('.pnl_Reportes').append(copy[0]).packery('appended', copia[0]); var draggie = new Draggabilly(copy[0]); // bind Draggabilly events to Packery $('#Favoritos_TAB').find('.pnl_Reportes').packery('bindDraggabillyEvents', draggie);

desandro commented 7 years ago

Looks like you may have a double transition bug. See related documentation for Isotope: https://isotope.metafizzy.co/faq.html#items-jump-after-transitioning-position

ghost commented 7 years ago

Thanks for your answer, but doesn't work... seems an Packery error 'cause is adding extra css properties...

I tried delete them, but Packery create them again at moving

dfg

a gif of the problem... problema

bigger here

desandro commented 7 years ago

Given all the issues you are having with Packery and Draggabilly, I would consider trying another solution, like jQuery UI Sortable. Sorry, but I won't be able to provide a solution for this issue.