vue-smooth-dnd
vue-smooth-dnd copied to clipboard
React only when dragged object completely covers dragged-over object
trafficstars
As it is now, the new position of the dragged object is shown when it covers 50% of the object being dragged over. I'd like to change this to make it happen only when 90-100% of the object is covered.
So in the screenshot below, I'd like "Draggable 1" cover (almost) all of "Draggable 2" vertically before the swap happens.

I.e. the user should have to drag longer before the swap happens. Is this possible to accomplish?
It is. One option is to make separate invisible absolutely possitioned drop zones and disable the main drop zones via should-allow-drop