Modal activated when scrolling a list of modal links

[mirceamitu]

If I have a list (http://goratchet.com/components/#table-views) of modal links (http://goratchet.com/components/#modals), a list longer than the screen, when I scroll (down or up) the list, a modal dialog pops up when the scroll action ends.

How can I prevent this and open the modal only when I tap (not scroll) a link?

JSFiddle sample here: http://jsfiddle.net/9RfMb/2/

[cadrell0]

I believe this will fix the issue http://stackoverflow.com/questions/12690620/checking-if-touchend-comes-after-a-drag.

[helloworlder]

It's important to have a pixel buffer so that dragging isn't set to true immediately, which will cause usability issues. Konrad Lawson has an implementation for a drag delay as an answer on the mentioned Stack Overflow page, and there is also one I posted up at #643, which is based on another Stack Overflow answer.