This is a migrated thread and some comments may be shown as answers.

Distorted pixels rendered in WebView on Android + Cordova 3.3 + KendoMobile/SenchaTouch

1 Answer 27 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Lumir asked on 05 Feb 2014, 05:49 AM
we have problems on some devices running Android 4.1 with distorted or sheared rendering

Hybrid application is composed as Cordova 3.3 container and Kendo Mobile application.
There's pixel grade distortion on some application screens. It seems but not proven that it happens on screens with scrollable portions, but distortion appears whenever scroller is active or not.

See pictures below.If attention is payed to symptoms it seems that distortion appears as classic division problem - eg. if physical width is 399px and algorithm computes with 400px width, this causes the same distortion when drawing lines - I just want to point to similar symptom.

Environments we tested:
cordova 2.9, 3.3
Android 4.1, 4.3 (on 4.3 the problem does not appear)
Kendo Mobile 2.3

Project parameters:
cordova 3.3
Android 4.1.2, API level 16
hardware acceleration on
<meta name="viewport" content="height=device-height,width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

Any help is appreciated, since the problem is long-lasting and occurs on some Motorola devices as far as on some Hyuawei Ascend devices so it seems it can occur on any other devices.

Honestly, this happens also in ExtJS application, so it is more complex problem.
But as I said,  any help is appreciated

Also described here


1 Answer, 1 is accepted

Sort by
Kiril Nikolov
Telerik team
answered on 05 Feb 2014, 12:17 PM
Hello Lumir,

This problem does not seem to related to Kendo UI itself and is caused by the Android/Cordova. I would suggest you to change the hardware acceleration property of the cordova project configuration. Try to switch on the hardware acceleration and test again your project, as it might change the way elements are drawn.

Please let me know about the results of the test.

Kiril Nikolov
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question