Touchmove pointer-events: none CSS doesn't work on Chrome for Android 4.4 / ChromeView
I solved this using the solution here: https://stackoverflow.com/a/20387287/1876899
Thank you very much user wulftone! Somehow preventing the default touchStart event on my overlay allowed the interaction to pass through and trigger the events below.
overlay.addEventListener('touchstart', function(e){ e.preventDefault();});
or in my case, with jQuery:
$('.frame-overlay').on('touchstart', function(e){ e.preventDefault();});
Apparently there is a separate CSS property called touch-action
:
https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
Add touch-action: none;
and it should work.