search

ducksboard / gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
http://gridster.net/
MIT License
6.03k stars 1.2k forks source link

Collision animations #371

Closed claravanstaden closed 10 years ago

claravanstaden commented 10 years ago

My gridster instance seems to work fine, except for the fact that if you drag a widget and it overlaps with another, the slide up or slide down animation does not happen. It simply switches positions (the right position), but with no animation.

Does anyone have the same issue? Any ideas what could be causing it?

Superdrac commented 10 years ago

Video ? JSFiddle ? Code ?

hrosenbauer commented 10 years ago

You are missing the transition css properties which are in the gridster css file (line 30), e.g.

.ready .gs-w:not(.preview-holder) {
   transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}
claravanstaden commented 10 years ago

Fantastic, thanks! Noob me.