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:
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 cordova app so it's HTML/CSS/JS running in a webview, and I use this webview plugin with the webview scroll disabled. 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 <ul>:
padding: 12px 15px 15px;
background-color: #fff;
min-height: 100px;
margin-bottom: 30px;
position: relative;
list-style: none;
This is the CSS of each child <li>:
margin-top: 20px;
margin: 5px 0;
position: relative;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3D(0, 0, 0);
word-wrap: break-word;
zoom: 1;
I've not been able to reproduce the problem outside the app. Any help/ideas will be appreciated, thanks!
