nested data-snap-ignore="true" unpredictable on Android 5
eyalkatz opened this issue · comments
This is supposed to prevent snap.js from sliding inside the div. Using this with marking nested elements, sometimes it works when it's not supposed to, and some other times doesn't work hen it is supposed to.
Then sometimes it seems to block my div's from scrolling altogether. Only on Android 5.
Turns out it was not snap.js's fault.. but my hammer.js settings:
This is what finally solved the problem, along with simplifying properties, etc.:
Hammer.defaults.stop_browser_behavior.touchAction = 'pan-y';
It was an issue with the hammer.js plugin with touchAction property. This affects some browsers - and apparently also Android 5 (but doesn't affect Android 4.* when using PhoneGap).
Not as simple as it seems, more details here: https://github.com/hammerjs/hammer.js/wiki/How-to-fix-Chrome-35--and-IE10--scrolling-(touch-action)