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

Question

I\'m using CSS pointer-events to pass touchmove events through a transparent div. This works everywhere apart from Chrome on Android. I\'m wondering if this is a known iss

Answer 1

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();
});

Answer 2

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.