Uploaded image for project: 'Apache Cordova'
  1. Apache Cordova
  2. CB-5201

Scrolling produces artifacts on android

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Closed
    • Major
    • Resolution: Invalid
    • None
    • 3.1.0
    • cordova-android
    • None

    • Android Galaxy S4 Active, 4.2.2, Cordova 3.1 cli, android:hardwareAccelerated="true"

    Description

      Real simple example here with a long list of items. As you scroll, you'll notice that the items are blank at either end you are scrolling towards. On a larger list with pictures and text, you can see so much tearing and "tiling" as you scroll. This does not happen in chrome web browser, only cordova apps.

      <!DOCTYPE html>
<html>
<head>
  <title>Foo</title>
</head>
<body>
 <div>Header</div>
 <ul id="foo" style="height:300px; overflow:auto;">
 </ul>
 <div>Footer</div>
   <script>
    for(var i=0; i < 1000; i++){
    var foo = document.createElement('li');
    foo.innerHTML = i;
    document.getElementById('foo').appendChild(foo);
    }
  </script>
</body>
</html>

      Attachments

        Activity

          People

            Unassigned Unassigned
            VundaVon Blair Vanderhoof
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: