Item shakes during drag

[richardklingler]

Just installed your jkanban.min.js together with the css from the dist folder after cloning and tried out the simple demo.

But when I want to drag an item it starts shaking when dragging.....also it doesn't tilt during drag as in your exact same example...

Any idea what is causing thsi annoying shaking during drag?
Happens on Firefox on Debian 11 as on Safari on macOS 12....on same browsers your demo is perfect.

Then I replaced the jkanban.min.css from your repo with the css file from your demo page at http://www.riccardotartaglia.it/jkanban/dist/jkanban.min.css

With htis CSS I don't see any shaking anymore during drag....

[xscode-auto-reply]

Thanks for opening a new issue. The team has been notified and will review it as soon as possible.
For urgent issues and priority support, visit https://xscode.com/riktar/jkanban

[marcosrocha85]

Interesting. We need to check it out.

[chetanvarshney]

I see animation css
animation: append-animate 0.3s cubic-bezier(0.23, 1, 0.32, 1); //in .kanban-item {.. }
@Keyframes append-animate {
from {
transform: translateY(-20px);
}
to {
transform: translateY(0px);
}
}

I have no idea why this css was added. by removing it is working fine.

[marcosrocha85]

That animation is responsible to "show" user that an item is being dragged. Not a big deal to remove it from your code.

[qqe-app]

just a suggestion...

I suggest to use other effect for drag animation, eg add opacity / change border color of the card

today, we received a complaint of system lagging, because of this animation, so, we removed it