In Ionic View, a single click changes state but immediately reverts to the original state


#1

In a browser session using ionic serve -l, or in an emulator, everything behaves as expected. But once I preview my app inside the IOS Ionic View app, clicking on a new tab or a list item (which also changes state to a new view) leads to unpredictable changes. Specifically, if on tab 2, pressing tab 1 will momentarily switch to tab 1, then revert to tab 2. Sometimes it works correctly, but probably a third of the time it will revert back (though it will behave incorrectly in streaks). Similarly, pressing a list item descends briefly into a new view, but immediately returns as if I had pressed the back button, while at other times works correctly. Also, it never wanders, say from tab 2 to 3 to 1–it always returns to the initial state.

The common denominator seems to be state changes, and don’t believe I have implemented any changes to key press behavior. I don’t know if this is a problem with Ionic View or my app, and can’t find anything similar reported here in the forum. Thanks!


#2

I’ve seen similar problems, but the iOS9 patch seems to solve them.

http://blog.ionic.io/preparing-for-ios-9/


#3

Thanks Tony–that definitely seems to have fixed the issue.

http://blog.ionic.io/ios-9-potential-breaking-change/

For the benefit of others, the three steps are:

  1. Add ‘ngIOS9UIWebViewPatch’ to angular.module() in the app.js
  2. Add the angular-ios9-uiwebview.patch.js file somewhere, like www/lib
  3. Add the correct corresponding path to the patch in index.html: