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?
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
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?
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