Making things draggable blocks touch scrolling

[graphics-et-al]

First of all: this is a brilliant library- I've been looking for a drag and drop lib like this for a while.

But: I've got a long scrollable list of scrollable images that I want to drag and drop onto a page. When on a desktop: mousewheel, arrows, page up/down works fine. On a touchscreen, however the expected swipe to scroll doesn't happen- probably because of this:

// On mobile, touch can become extremely janky without it node.style.touchAction = 'none';

Is there a way around this? Is there a way to add a delay to the action so that a swipe won't trigger the dragging, but holding for a half second will?

Cheers!

[PuruVJ]

I could add an option touchDelay: number for this, but definitely need to investigate this further

[jesperordrup]

Hi @PuruVJ

We have a maybe similar usecase. We're horisontally dragging containers. Works fine. But we cant scroll up/down

Have you any ideas?

In a "manual vanilla example" we register mouse position on mousedown, evaluate if mouse move horisontally is more than a treshhold and only then prevents scrolling

[AlexSapple]

nasty workaround - using an important modifier on default class DragOption - something like; defaultClass: "!touch-pan-y" Not sure what nasties this brings about - but does appear to allow touch/gesture scrolling along with a drag.