search

clauderic / dnd-kit

The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
http://dndkit.com
MIT License
12.74k stars 633 forks source link

Issue with framer motion integration #1381

Open theusualberliner opened 6 months ago

theusualberliner commented 6 months ago

Hey there. I'm trying to use example of Integration with other libraries from storybook: https://master--5fc05e08a4a65d0021ae0bf2.chromatic.com/?path=/story/presets-sortable-integration-with-other-libraries--framer-motion

And there is one issue which I can not get. If I simply copy your code and try to run it in any other project, even in empty create-react-app, I'm having the following issue (see gif below). Items that participated in movement are settling down after drag end. Somehow storybook example doesn't have it, code is the same.. I'm really stuck with it. Any suggestion would be highly appreciated.

bug

Kutius commented 5 months ago

I got the same problem.. Any way to work out? T^T

DylanTse520 commented 2 months ago

In the storybook the framer-motion version is ^3.1.1. In your own project, you might have installed the latest framer-motion, which is probably ^11.

As far as my experiments go, downgrading to ^3.1.1 can fix the problem, even tho downgrading is not a very ideal solution.