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

[Lumir]

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 http://stackoverflow.com/questions/21569522/distorted-pixels-rendered-in-webview-on-android-cordova-3-3-kendomobile-senc

Thanks

[Kiril Nikolov]

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.

Regards,
Kiril Nikolov
Telerik