[
https://issues.apache.org/jira/browse/CB-5201?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13805327#comment-13805327
]
Braden Shepherdson commented on CB-5201:
----------------------------------------
The WebView component on Android, which Cordova uses, is based on the old
Android Browser, which sucks. However, if you target at least Android 3.0, and
set hardwareAccelerated="true" *in the right place* (the <application>
element), then it should accelerate properly, at least if you're not using
overflow: scroll (and maybe even if you do, not sure).
See
http://stackoverflow.com/questions/11653936/scrolling-performance-in-webview-for-android-jelly-bean-4-1-x
for a discussion of the problem. This is targeting an older version of
Cordova/Phonegap, but the necessary settings in the AndroidManifest.xml are the
same.
> Scrolling produces artifacts on android
> ---------------------------------------
>
> Key: CB-5201
> URL: https://issues.apache.org/jira/browse/CB-5201
> Project: Apache Cordova
> Issue Type: Bug
> Components: Android
> Environment: Android Galaxy S4 Active, 4.2.2, Cordova 3.1 cli,
> android:hardwareAccelerated="true"
> Reporter: Vunda Von
> Fix For: 3.1.0
>
>
> 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.
> {code}
> <!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>
> {code}
--
This message was sent by Atlassian JIRA
(v6.1#6144)
