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

10 posts, 0 answers
  1. Ruud
    Ruud avatar
    51 posts
    Member since:
    Oct 2012

    Posted 01 Sep 2015 Link to this post

    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


  2. Ruud
    Ruud avatar
    51 posts
    Member since:
    Oct 2012

    Posted 03 Sep 2015 in reply to Ruud Link to this post

    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?

  3. Kendo UI is VS 2017 Ready
  4. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 03 Sep 2015 Link to this post

    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!
     
  5. Ruud
    Ruud avatar
    51 posts
    Member since:
    Oct 2012

    Posted 07 Sep 2015 in reply to Petyo Link to this post

    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

  6. Ruud
    Ruud avatar
    51 posts
    Member since:
    Oct 2012

    Posted 08 Sep 2015 in reply to Ruud Link to this post

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

  7. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 09 Sep 2015 Link to this post

    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!
     
  8. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 10 Sep 2015 Link to this post

    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!
     
  9. Ruud
    Ruud avatar
    51 posts
    Member since:
    Oct 2012

    Posted 11 Sep 2015 in reply to Atanas Georgiev Link to this post

    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?

  10. Dimitrina
    Admin
    Dimitrina avatar
    3769 posts

    Posted 12 Sep 2015 Link to this post

    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.

     
  11. Dimitrina
    Admin
    Dimitrina avatar
    3769 posts

    Posted 16 Sep 2015 Link to this post

    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.

     
Back to Top
Kendo UI is VS 2017 Ready