Switch "shaking"

[Vývoj GAMO]

Hello

We are experiencing issue with Switch component. When user change position(tap), most of the ui elements is moving a little bit(1-2px?) and then return back to original position. This only occures on android devices(tested on Galaxy S Advance, reported from older devices too, simulator works fine). We are experiencing same behavior on few other views that doesnt contain Switch component(mostly views with long lists with scrollbar).

I am able to reproduce the problem with fresh new project from template(kendo mobile ui). Just change initial home view like this:

<div class="view-content">
            <h1>Welcome!</h1>
            <a id="skin-change" data-role="button" data-click="app.changeSkin">Flat</a>
            <p>
                Telerik AppBuilder™ enables you to build cross-platform device applications regardless of your
                    development platform by combining the convenience of a local development toolset with the
                    power and flexibility of the cloud.
            </p>
            <input data-role="switch" data-on-label="" data-off-label=""/>
            <div class="img"></div>
        </div>

[Kiril Nikolov]

Hi Marian,

I have created a test example and deployed on a Galaxy Note device running Android 4.3. Please check it out and edit the example, so I can reproduce the issue:

http://jsbin.com/huxil/1/edit

Thank you in advance for your cooperation.

Regards,
Kiril Nikolov
Telerik

[Vývoj GAMO]

I copyied your jsbin example and replace index.html from template project by your code. Still, after every switch(or scrolling) effect occures. I didnt provide any changes to your jsbin example.

[Kiril Nikolov]

Hi Marian,

Can you please tell us what is the Android version that you are using? Do you deploy it using AppBuilder (PhoneGap)?

Regards,
Kiril Nikolov
Telerik

[Vývoj GAMO]

Hello,

using Android 4.1.2. Yes, it was deployed by AppBuilder(Windows client) with default Cordova 3.2.0 version

[Vývoj GAMO]

to clarify behavior, looks like that only text letters are "shaking" or image is "blured" for that small period of time. Something css addressed i guess

[Kiril Nikolov]

Hello Marian,

I have tested the same jsBin on an actual device (Nexus S running 4.1.2) and was not able to reproduce the behavior you can check the video in the attached file. 

Regards,
Kiril Nikolov
Telerik

[Vývoj GAMO]

I am sorry, I dont see any attached file :(

[Kiril Nikolov]

Hello Marian,

I have attached the file once again, so you can take a look. Could you also tell us what is test device that you use? You said it is Android 4.1.2, so I tested it on Nexus S running the same version. Maybe it is some device specific issue (related to the hardware) that is only reproducible on the Galaxy S Advance (I have also tested the same demo on S3). Do you have other test devices where you can test the demo and see if you can reproduce the problem?

I really hope you understand that without an actual reproduction of the problem, we are not able to narrow down what is causing it and provide a solution.

Regards,
Kiril Nikolov
Telerik

[Vývoj GAMO]

Hello,

I have attached zip containing video and test apk(with your jsbin example) from another test device Samsung Galaxy Fame(GT-S6810P). Look on blurred image and letters from title above.

[Vývoj GAMO]

Sorry, I have an issue attaching zip file(getting http 500 error), so i upload it there

http://www.filesnack.com/files/cdpm48s9

http://snk.to/f-cdpm48s9

http://snk.to/f-cdpm48s9

http://snk.to/f-cdpm48s9

http://snk.to/f-cdpm48s9

[Kiril Nikolov]

Hi Marian,

Thank you very much for the video and the .apk

After some deep investigation of the project, we found out that the "shaking" issue is caused by the hardware acceleration property switched off in your project. After switching it on the issue seems to be gone. In order to switch it on, right click on the project in AppBuilder and select Properties --> Android and switch the hardware acceleration on. Rebuild your app and test it on the device.

Please do let me know about the performance after this change.

Regards,
Kiril Nikolov
Telerik

[Vývoj GAMO]

Hello, 

Thank you for your advice, after turning HW acc on, everything worked fine. In past we read in documentation about hw acceleration issues(http://docs.telerik.com/kendo-ui/getting-started/mobile/performance). From now we didnt notice some major performance issues so we stay with hw acc on. Thank you very much for help.

[Kiril Nikolov]

Hi Marian,

I am glad that the proposed solution helped. While having some issues the hardware acceleration can help in a cases like this one.

If you have any further questions, please do not hesitate to contact us again.

Regards,
Kiril Nikolov
Telerik