The "Dragging" sample on interactjs.io works properly on interactjs.io, but implementing the sample code in a clean project has the following issue:
An element should be dragged until released, with native scrolling disabled while dragging.
Native scrolling remains enabled. Element is dragged for a few pixels then the dragend event is called and the element is dropped.
JSFiddle: https://jsfiddle.net/y63s2nre/
CodePen: https://codepen.io/idmadj/pen/goXobQ
interact.js version: 1.3.3
Browser name and version: Chrome Android 63.0.3239.111
Operating System: Android 8.1.0
Seems like adding touch-action: none to the draggables CSS fixes the issue. Maybe just update the sample code to reflect this?
CodePen: https://codepen.io/idmadj/pen/baaGNa
^ confirmed touch-action: none fixes the issue
I'm closing this issue, but leaving the related issue #595 open.
Most helpful comment
Seems like adding
touch-action: noneto the draggables CSS fixes the issue. Maybe just update the sample code to reflect this?CodePen: https://codepen.io/idmadj/pen/baaGNa