search

atlassian / react-beautiful-dnd

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

Transform element on drag react-beautiful-dnd #2284

Open beliykirill opened 3 years ago

beliykirill commented 3 years ago

Faced a problem and don’t know how to solve it. I have created a game inventory using the react-beautiful-dnd library, and when I move a Draggable element to some other Droppable, and there is also a Draggable in it, then this Draggable is moved to the right (a transform occurs along the width of this Draggable element)

But I do not need that when Draggable is moved to Draggable, the second one moves, but should remain in its place without transform. This question is very important and relevant to me. I saw an issue, in a library with the same problem in the github, but did not see a solution, is it really impossible to disable this transform completely?

kujohn commented 2 years ago

I have an issue where somewhere along the parent root, there is a transform: translate() applied. It's messing with the dragged component which is also using transform: translate(). Hope it helps.

BekaArabidze98 commented 1 year ago

I got the same issue. transform: translate(0px,30px) is added to the dragable side

SurbhiLogiciel commented 1 year ago

Same issue getting transform: translate(255px. 0px) Did any one get solution for this?

Vertigons commented 1 year ago

Any news on this? I'm facing the exact same problem right now.