search

riktar / jkanban

Vanilla Javascript plugin for manage kanban boards
https://www.riccardotartaglia.it/jkanban/
Apache License 2.0
1.09k stars 300 forks source link

Item shakes during drag #154

Open richardklingler opened 2 years ago

richardklingler commented 2 years ago

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[bot] commented 2 years ago

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 commented 2 years ago

Interesting. We need to check it out.

chetanvarshney commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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