Element displacement when parent has transform property

Open sikhaman opened this issue 1 year ago • 5 comments

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.

Apr 17 '24 21:04 sikhaman

I have the same problem

Aug 06 '24 10:08 winter100004

You can try to create a portal for <DragOverlay /> and place it to <body>.

Aug 30 '24 08:08 qmhc

@qmhc not helping. And sometimes its inconvenient to mount in the body or any other places

Sep 03 '24 15:09 sikhaman

I also have the same problem.

Feb 28 '25 01:02 mmudge