vue-smooth-dnd icon indicating copy to clipboard operation
vue-smooth-dnd copied to clipboard

React only when dragged object completely covers dragged-over object

Open Gnopps opened this issue 5 years ago • 1 comments
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.

image

I.e. the user should have to drag longer before the swap happens. Is this possible to accomplish?

Gnopps avatar May 08 '20 20:05 Gnopps

It is. One option is to make separate invisible absolutely possitioned drop zones and disable the main drop zones via should-allow-drop

Cmacu avatar Sep 23 '20 03:09 Cmacu