BUG: Clone demo not working in latest version

[ObservedObserver]

Expected behavior

Actual behavior

Steps to reproduce

use official clone & drag demo, update react-beautiful-dnd to v13+. bug appears.

check sandbox demo blow.

Suggested solution?

What version of React are you using?

17+

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

13.1.0

What browser are you using?

chrome

Demo

https://codesandbox.io/s/react-beautiful-dnd-copy-and-drag-5trm0

when i update the react-beautiful-dnd to the latest version, drag and clone demo not works. when you drag from the list, there appears some unexpected shaking in the list?

[borntorun]

This bug was introduced in v10.1.0.

[EndyZhou]

I updated the react-beautiful-dnd v.13.1.0 & added translate(0px, 0px) ! important . Is this the result you want? https://codesandbox.io/s/react-beautiful-dnd-copy-and-drag-forked-x6qc3m?file=/package.json

[borntorun]

Yes, it's ok now.

[ObservedObserver]

I updated the react-beautiful-dnd v.13.1.0 & added translate(0px, 0px) ! important . Is this the result you want? https://codesandbox.io/s/react-beautiful-dnd-copy-and-drag-forked-x6qc3m?file=/package.json

Yeah! It works! thanks a lot.

[amanshu-kataria]

@EndyZhou Thanks for this solution. It works 💯 .