Buggy scroll in the opposite direction to the swipe (cordova android webview)

Viewed 262

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:

gif showing incorrect scroll direction

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!

0 Answers
Related