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

2 posts, 0 answers
  1. Lumir
    Lumir avatar
    3 posts
    Member since:
    Aug 2013

    Posted 04 Feb 2014 Link to this post

    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

  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 05 Feb 2014 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top