search

atlassian / react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React
https://react-beautiful-dnd.netlify.app
Other
33.16k stars 2.53k forks source link

Animation delay when dropping #2179

Open eyaleizenberg opened 3 years ago

eyaleizenberg commented 3 years ago

Expected behavior

When releasing a draggable, animation should start (close to immediately)

Actual behavior

There is a noticeable delay between releasing the mouse key and when the animation starts.

Steps to reproduce

Just drag and drop from further away.

Suggested solution?

It's unclear to me if it's a property which can be changed or maybe I am missing something.

What version of React are you using?

16.13.1

What version of react-beautiful-dnd are you running?

^13.1.0

What browser are you using?

Chrome on OSX (latest)

Demo

See video: https://drive.google.com/file/d/1LK2Jl6Wcj53KZvP3je74HKGSzW155r-R/view?usp=sharing

2stash commented 3 years ago

@eyaleizenberg Wow that's a delay! Do you have your source code you can share? If so I will see if I can reproduce that. Where you start your drag from should not impact the start of the animation. The animation should be instant.

One thing I noticed with your video, is that the drag animation starts when your mouse moves past the edge of the object, which leads me to believe there is something incorrect in your code.