Page Navigation Issues under IOS9 (beta)
After receiving complaints from several users, I loaded up IOS9 (beta) to test my existing app that works fine under IOS8.4. Much of it works but I seem to be having some serious page navigation issues with the headers that were not present in IOS 8.x. I'm running JQuery mobile 1.4.4.
The bulk of the problems appear to be with navigation header buttons using 'data-rel="back"':
- <div data-role="header" data-position="fixed">
<h1>Edit Stuff</h1>
<a href="#" data-icon="back" data-rel="back">Cancel</a>
<a href="#" id="edithopok" class="ui-btn-right" data-icon="check" data-rel="back">Save</a>
</div>
The above is the header for a simple page div that is a "second level" page. There is a Home page (with a list of items on it) and then below that say an "Options" page with a list of optoins on it, then this page. So it would be Home->Options->Edit Stuff in the history of current pages visited when this page is active.
Under IOS9, hitting the Cancel button seems to sometimes take the program to the Home page instead of back to the previous page in the history (it should have gone to Options). And visiting this page again and hitting cancel will sometimes not go anywhere at all (i.e. it just stays on the same page) - so it looks like a lock-up to the user.
I tried setting "href=#options" but this did not correct it. However if I set "href=#options" and remove the "data-rel='back'" it will work fine. Unfortunately this is not a good option for many pages that may be accessed from multiple (non fixed) entry pages. I really want "data-rel=back" to go back!
I'm quite confused with this behavior - is there a known issue with "data-rel=back" under IOS9? This seems to be broken throughout the app (though somewhat randomly, as a few pages navigate properly).