Mouse Pointer Stuck to Top Left in Drag Preview Despite Using preserveOffsetOnSource Utility

[RabiRoshan]

Issue:

I'm attempting to replicate the Board Example, but I'm encountering an issue where the mouse pointer on the drag preview is consistently stuck to the top left corner, unlike the example in the documentation. I'm unsure if I'm misinterpreting the utility preserveOffsetOnSource, but it doesn't seem to work for me. In the meantime, I found a workaround using the solution mentioned here: #25 (comment). It would be fantastic if this issue could be resolved according to the documentation.

This library is excellent, and I would love to contribute! ❤️

Versions:

• "react": "^18.2.0"
• "@atlaskit/pragmatic-drag-and-drop": "^1.1.7"

Import used:

import { preserveOffsetOnSource } from '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source'

[alexreardon]

Hi there,

Could you please post a codesandbox with the issue you are experiencing? It's difficult to know what is going on without an example to play with.

[RabiRoshan]

Hey @alexreardon,
here is the codesandbox as requested: https://codesandbox.io/p/sandbox/pragmatic-dnd-preserveoffsetonsource-kr2cz2

[alexreardon]

Thank you for the example. It's really helpful. Taking a look now

[RabiRoshan]

Hey @alexreardon , just dropping a reminder 🙌.