Back button not working on Android 5.1.1 with kendo.all.js

[Ruud]

Hi,
It seems the back button (both Kendo UI back button and the hardware button) are not working if you embed the kendo.all.min.js instead of the kendo.mobile.min.js (version 2015.2.805). Probably some misconfiguration on my side, I cannot find the cause of this. For embedding the correct stylesheets and script I followed the example here:

http://www.telerik.com/forums/how-to-get-grid-work-in-kendo-ui-mobile-(in-icenium-graphite)

I attached a simple typescript project for you to test. It does work on Android phones, just not on my Galaxy s6 with Android 5.1.1 installed on it. If I change to kendo.mobile.min.js it all works without a problem. Strange...

Best regards,
Ruud

[Ruud]

Hi,

Strange.. suddenly it started working. I tested some further; funny thing is that when you open the app, it will have the issue as described above. If you then move to another app (leaving this app in the background) and come back to the app again, it does work! Any thoughts on this, perhaps some app browser history thingy?

[Petyo]

Hello Ruud,

 

the two scripts should not exhibit such problems (I am afraid that we don't have the exact device to verify that). What you may do is to performed tethered debug session - perhaps an javascript error of some sort occurs. 

 

Regards,
Petyo
Telerik

 

 

[Ruud]

Hi Petyo,

I did try the debugging session; no errors what so ever. To ensure it is not an issue with my way of organizing the TypeScript project, I downloaded the latest version (2015.2.805) and created a VS2015 project based on your sample project type; the Tabstrip control project. Upgraded this project to the latest Telerik version, then, on the contacts.html I added a back button.

When deploying, this project poses exact the same behavior as described in my TypeScript project. Can you confirm that the latest Telerik version is tested on Android Lollipop (5.1.1)? In particular:

- Model SM-G92OF

- Version 5.1.1

Sorry for the inconvenience, I just want to rule out this is not a 5.1.1 specific issue, but really isolated to just my phone.

 Best regards,

Ruud

[Ruud]

Well, found a solution for now; I just added my own override for the backbutton Cordova event. Sample code:

document.addEventListener("backbutton", function() {
if (kendoMobileApp !== undefined) {
                                kendoMobileApp.app.navigate("#:back");
}
}, false);

[Atanas Georgiev]

Hello Ruud,

Our tests so far show that the issue also appears on other Android 5.1.1 devices. We will investigate the behavior further and get back to you with our findings.

Regards,
Atanas Georgiev
Telerik

 

 

[Atanas Georgiev]

Hello Ruud,

We isolated the use case provided by you in the following dojo snippet. The issue does not seem to replicate outside of Cordova project. Can you please confirm that the example provided is working on your device?

Regards,
Atanas Georgiev
Telerik

 

 

[Ruud]

Hi,

I embedded the code in the snippet in a new VS project (based on the blank Kendo project template) and deployed to my phone; it works fine (so no issue here). So it might be an issue with cordova?

[Dimitrina]

Hi Ruud, 

It is good to hear you managed to resolve the issue. As it turns out I was not able to reproduce the problem on Google Nexus 6, with android 5.1.1. Still, I should mention that I could not directly run the solution attached with your initial post in Visual Studio App Builder extension due to missing .abignore and .abproject files. So basically I created a new blank AppBuilder hybrid project and then imported the files from the archive.

Currently, we are aware of two known issues as to navigation:

• If your project includes Kendo UI and uses the Crosswalk web view, navigation does not work properly in debug builds.
  Workaround: Build your project for release.
• Navigation doesn't work as expected when the Crosswalk and LiveSync plugins are both enabled (app.navigate(“#:back”); and <input type=”button” data-role=”backbutton”/>)

You can also refer to Known Issues From AppBuilder 2.11.x.

Regards,
Dimitrina
Telerik

 

 

[Dimitrina]

Hello,

I am writing to update you on some additional information related to the case. 

After performing more tests, we managed to reproduce the issue following the instructions provided over TapStrip template project. Our observations are:
1. Reproduced on Android versions 5.0 and 5.1.1.
2. Works fine:
- when built in Release (this means no LiveSync)
- after app goes to background and then is opened/accessed again
3. Reproduced with kendo.mobile.min.js. Works fine with kendo.all.min.js.

The case is already forwarded to the development team for a further investigation.

Regards,
Dimitrina
Telerik