Touchmove Pointer-events: None Css Doesn't Work On Chrome For Android 4.4 / Chromeview

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 issue with C

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

Solution 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.