Interact.js: interactjs.io sample code broken on Chrome Android

Created on 6 Jan 2018  路  3Comments  路  Source: taye/interact.js

The "Dragging" sample on interactjs.io works properly on interactjs.io, but implementing the sample code in a clean project has the following issue:

Expected behavior

An element should be dragged until released, with native scrolling disabled while dragging.

Actual behavior

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

System configuration

interact.js version: 1.3.3
Browser name and version: Chrome Android 63.0.3239.111
Operating System: Android 8.1.0

Most helpful comment

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

All 3 comments

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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

mateop picture mateop  路  7Comments

ttback picture ttback  路  8Comments

kongaraju picture kongaraju  路  6Comments

Tlapi picture Tlapi  路  6Comments

gossi picture gossi  路  5Comments