I have been trying to implement a canvas with dragging, which works fine, but I want to prevent certain items on the canvas to overlap or come within a certain distance of a specific item when being dragged. I get till the point where the xy is stopped when an item is colliding with another one, but I can still drag the item over the other.
Here is a demo: https://codesandbox.io/s/dry-paper-fmpn58?file=/src/App.jsx
You should see in the console the x y coordinates changes, until you collide items.
Can someone have a look at how to fix that?