Wrong drop coordinates using transform (reactflow)

[chen665]

Wrong drop coordinates using transform (reactflow)

[RJWadley]

if you're able to use native scrolling here i.e. (with overflow: auto), it should be able to handle recalculating those values and scrolling for you when dragging.

[collinsleewyatt]

I'm using React Flow in a project of mine. I was able to solve this issue by putting this in my measurement config in DndContext, which remeasures the dropzones every 16.667ms while dragging:

<DndContext
  measuring={{
    droppable: {
        frequency: 16.667,
        strategy: MeasuringStrategy.WhileDragging,
    },
  }}
/>

I'm manually setting the viewport with setViewport in useReactFlow(), which may or may not be the same way you're panning the viewport.
If you're having problems with things being out of date until you move the cursor, I'd try MeasuringStrategy.Always.

[luunminh]

same trouble!