draggabilly icon indicating copy to clipboard operation
draggabilly copied to clipboard

(Emitted error) Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

Open Rezyan opened this issue 2 years ago • 1 comments

Hi,

When using draggabilly with a mobile device (e.g. with the Chrome DevTools), an error is sometimes emitted in the console, but I have some trouble reproducing it without my app, so i can't show you the steps:

[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
proto.handlePointerDown @ draggabilly.js:189
proto.emitEvent @ ev-emitter.js:86
proto.emitEvent @ draggabilly.js:120
proto.pointerDown @ unidragger.js:153
proto.ontouchstart @ unidragger.js:120
proto.handleEvent @ unidragger.js:36

3

2

A quick fix could be something like this:

https://github.com/desandro/draggabilly/blob/125258c6f59f0069cd2a50f29e7358de390ccbb8/draggabilly.js#L189-L189

- event.preventDefault();
+ if ( event.cancelable ) event.preventDefault();

Regards

Rezyan avatar Mar 23 '22 16:03 Rezyan

Hey @desandro, could you please take a look at this issue and the related PR?

Rezyan avatar Nov 16 '22 16:11 Rezyan