App reloads when using back navigation after a change to a local datasource in Chrome

8 posts, 0 answers
  1. Ron
    Ron avatar
    122 posts
    Member since:
    Sep 2011

    Posted 28 Jan 2015 Link to this post

    We have a complex application using kendo ui mobile framework. Today we discovered a new problem for a very specific scenario.
    Our development environment uses Chrome browser (Version 40.0.2214.93 m). We are using a datasource that is bounded to local array. In a certain view the user is updating this datasource (using the datasource set api). After the change, if we click on the back button to return to the previous view, the entire app reloads, as if the entire page URL was reset. A few important remarks:

    1 The datasource error gives nothing and the update seems to work well. It is only when we use app.navigate("#:back") that the problem appears
    2. If instead of app.navigate("#:back") we navigate to the previous page with app.navigate("prev-view-id") it works correctly and there is no problem
    3. We are using version: telerik.kendoui.professional.2014.3.1119.commercial
    We also tried the latest version and got the same result (telerik.kendoui.professional.2014.3.1316.commercial)
    4. We found out that the problem is only with Chrome browser. It all works well in IE & firefox browsers as well as on iPhone (5s) and Android (nexus 7) devices

    Since our development environment is using Chrome we will appreciate any assistance solving this problem.
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 30 Jan 2015 Link to this post

    Hi Ron,

    this is not a known issue. In case you have a javascript error, this may mess the navigation, though. Please isolate it in a dojo - once we can reproduce it on our side, we should be able to provide more insight. 

    Regards,
    Petyo
    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
  4. Ron
    Ron avatar
    122 posts
    Member since:
    Sep 2011

    Posted 30 Jan 2015 in reply to Petyo Link to this post

    The snippet is available at http://dojo.telerik.com/aReBU/4
    In less than a minute - you just need to follow the instructions and you'll have Chrome crashing...
  5. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 03 Feb 2015 Link to this post

    Hello Ron,

    Thank you the example.
    It seems that the problem is not related to the ListView or to the Kendo DataSource. I simplified the example and left only two views with two buttons and was able to still reproduce the issue in Chrome.
    I believe that the problem is connected to the fact that the mobile application runs in an iframe (the Dojo runner). In case you open it on a full screen the issue no longer occurs.

    Do you initialize the mobile application in an iframe?

    Regards,
    Alexander Valchev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Ron
    Ron avatar
    122 posts
    Member since:
    Sep 2011

    Posted 03 Feb 2015 in reply to Alexander Valchev Link to this post

    Thanks Alexander,

    We do not use any iframe at all when debugging our App.

    Also - please notice that in our case, in our App, if we click the back button without making any change to the datasource it all works fine. Meaning the action on the datasource does impact the situation.

    Can you please further investigate the issue - we are currently unable to use our app in chrome because of this. We did not run the sample out of a frame, if you have the code that you changed for this and can upload for us - we can look if this also works for us - but in the App - the issue does seem to be related to the datasource. 



  7. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 05 Feb 2015 Link to this post

    Hi Ron,

    Here is a link to the stripped version of your example:

    Here is a screen cast which shows what I observe:

    Here is a screen cast which shows what I observe when testing your example:
    As you can see in both cases the behaviour is identital - the page crashes in Kendo Djo (iframe) but not when ran on full screen or as a local file.

    Could you please let me know what I am missing?

    P.S. Browser version is 40.0.2214.94 m

    Regards,
    Alexander Valchev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Ron
    Ron avatar
    122 posts
    Member since:
    Sep 2011

    Posted 09 Feb 2015 in reply to Alexander Valchev Link to this post

    Hi Alexander,

    We appreciate your detailed response. This issue caused us a week delay as we had real problems working on the app in chrome. The strangest thing is that now the same scenario works well for us and there is no problem at all with Chrome. I have no idea what caused the problem and how come it disappeared with no apparent reason. We experienced this problem many times and this is very strange. this ticket can be closed and if the problem will return I will update it.

    Thanks for the great support!
  9. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 11 Feb 2015 Link to this post

    Hello Ron,

    I am glad to hear that the issue is gone.
    If the problem occurs again please try to test in incognito mode. It is possible some Chrome add-on that you installed to be the cause of the issue.

    Regards,
    Alexander Valchev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready