search

clauderic / dnd-kit

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

Element displacement when parent has transform property #1386

Open sikhaman opened 2 months ago

sikhaman commented 2 months ago

Hello folks I faced with a problem when element losing its correct position if its parent has a transform property

I created codesandbox to show what I mean. Here I kinda simulating that my list can be in a popup that is floating and in positionig styles uses transform property. For example in my real app I use floating-ui hook to place my popup and its kinda ruining the styles of dnd.

Any ideas here what to do? I tried to create custom modifiers, but can not catch or check parents styles.