hello-pangea/dnd

Usage with React Flow

wildsonc opened this issue · 0 comments

I'm trying to use DnD within a react-flow node, but scale and transform added in css by flow broke DnD computed sizes, I believe the main problem is the scale. I tried using portal but without the scale everything looks very strange because it changes the size, what else can I try?

CleanShot 2024-03-30 at 19 59 20
In the example above it is with "position: static", without it when I move the element it goes very far away.

What version of React are you using? 18

What version of @hello-pangea/dnd are you running? 16.6.0

What browser are you using? Chrome

Demo

https://codesandbox.io/p/sandbox/dnd-with-scale-kcgv4h?file=%2Fsrc%2FApp.tsx%3A35%2C1