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

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

9 Answers 211 Views
Button (Mobile)
This is a migrated thread and some comments may be shown as answers.
Ruud
Top achievements
Rank 1
Ruud asked on 01 Sep 2015, 04:47 PM

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


9 Answers, 1 is accepted

Sort by
0
Ruud
Top achievements
Rank 1
answered on 03 Sep 2015, 08:20 AM

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?

0
Petyo
Telerik team
answered on 03 Sep 2015, 04:17 PM

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Ruud
Top achievements
Rank 1
answered on 07 Sep 2015, 07:14 AM

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

0
Ruud
Top achievements
Rank 1
answered on 08 Sep 2015, 06:54 AM

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);

0
Atanas Georgiev
Telerik team
answered on 09 Sep 2015, 09:05 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Atanas Georgiev
Telerik team
answered on 10 Sep 2015, 02:49 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Ruud
Top achievements
Rank 1
answered on 11 Sep 2015, 03:25 PM

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?

0
Dimitrina
Telerik team
answered on 12 Sep 2015, 02:13 PM
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
 

Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

 
0
Dimitrina
Telerik team
answered on 16 Sep 2015, 08:20 AM
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
 

Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

 
Tags
Button (Mobile)
Asked by
Ruud
Top achievements
Rank 1
Answers by
Ruud
Top achievements
Rank 1
Petyo
Telerik team
Atanas Georgiev
Telerik team
Dimitrina
Telerik team
Share this question
or