title: Touchmove pointer-events: none CSS doesn't work on Chrome for Android 4.4 / ChromeView
body: <p>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 Chrome and if there's any fixes / workarounds.</p>
  
  <p>This issue also affects ChromeView, used by Cordova on Android 4.4.  Cordova on earlier versions of Android (and iOS) works fine.  However, Chrome on earlier versions of Android will still fail.</p>
  
  <p>I have an app that uses layered divs, which I use with CSS:</p>
  
  <pre><code>pointer-events: none
  </code></pre>
  
  <p>so I can scroll or click the lower div.</p>
  
  <pre><code> ____________________
  | top overlay div    |
  |    _____________   |&lt;-- pointer-events: none
  |   | underneath  |  |
  |   |   div is    |  |
  |   | scrollable. |  |
  |   |_____________|  |
  |____________________|
  </code></pre>
  
  <p>On non-ChromeView browsers, the underneath div is scrollable.</p>
  
  <p>On ChromeView browsers (Chrome, Cordova on Android 4.4), the underneath div isn't scrollable.  This is what I need to solve.</p>
  
  <p>There's an example of this here:</p>
  
  <p><a href="http://jsfiddle.net/TPkum/" rel="nofollow noreferrer">http://jsfiddle.net/TPkum/</a> or <a href="http://pmdx.me/scroll.html" rel="nofollow noreferrer">http://pmdx.me/scroll.html</a></p>
  
  <p>Note the lower div is scrollable, made possible by 'pointer-events: none'.</p>
  
  <p>It works fine on most devices (iOS 6-7, Android 4.1-4.2, Chrome Windows/Mac), but fails on my Cordova app on Android 4.4 and Chrome itself (for earlier versions of Android).</p>
  
  <p>I've tried re-dispatching touchmove events between the top div and bottom div, but that doesn't seem to work either.  If I re-dispatch click/scroll events it's fine, just not touchmove.</p>