title: Buggy scroll in the opposite direction to the swipe (cordova android webview)
body: <p>I'm seeing an odd bug where scrolling in one direction occasionally scrolls my webview in the opposite direction. You can see in this gif:</p>
  <p><a href="https://i.stack.imgur.com/2oWdL.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2oWdL.gif" alt="gif showing incorrect scroll direction" /></a></p>
  <p>You can see it starts scrolling down then scrolls back up - that second part that scrolls back up is the bug, I actually swiped to continue scrolling down. This problem is hard to reproduce so that snippet is the best I could get in a recording. This isn't reverse scrolling because it's only happening in one particular scrollable list in the app, and it's inconsistent. The app is a <a href="https://cordova.apache.org/" rel="nofollow noreferrer">cordova</a> app so it's HTML/CSS/JS running in a webview, and I use <a href="https://github.com/ionic-team/cordova-plugin-ionic-webview" rel="nofollow noreferrer">this webview plugin</a> with the webview scroll <a href="https://github.com/ionic-team/cordova-plugin-ionic-webview#scrollenabled" rel="nofollow noreferrer">disabled</a>. I'm not sure if it's a CSS problem because I've deactivated all the CSS of the list and the list items and the problem still happens. This is the CSS of the parent <code>&lt;ul&gt;</code>:</p>
  <pre><code>    padding: 12px 15px 15px;
      background-color: #fff;
      min-height: 100px;
      margin-bottom: 30px;
      position: relative;
      list-style: none;
  </code></pre>
  <p>This is the CSS of each child <code>&lt;li&gt;</code>:</p>
  <pre><code>    margin-top: 20px;
      margin: 5px 0;
      position: relative;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translate3D(0, 0, 0);
      word-wrap: break-word;
      zoom: 1;
  </code></pre>
  <p>I've not been able to reproduce the problem outside the app. Any help/ideas will be appreciated, thanks!</p>