Touchmove pointer-events: none CSS doesn't work on Chrome for Android 4.4 / ChromeView Touchmove pointer-events: none CSS doesn't work on Chrome for Android 4.4 / ChromeView google-chrome google-chrome

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.