I am building a drag and drop interface using Mootools .draggable() method. It's working great except that it does not work on touch devices which is important for it to do. Is there a way to make .draggable() touch compatible?
2 Answers
have you read this answer? Drag with mootools on mobile
it does not seem to work too well with droid tablets. see http://jsfiddle.net/dimitar/kLVJy/ - dragging is choppy and drops it too early. might be better on ios, not sure. something to build on anyway
As Dimitar said, read the answer Drag with mootools on mobile.
The provided answer though is buggy, and works bad in both android and ios at the time of this writing.
Speaking about android the problem is due to a bug, see http://code.google.com/p/android/issues/detail?id=5491.
The workaround consists in calling
event.preventDefault()
in the touchmove callback. Such workaround works well in my case for both android and ios.