Here's my markup for a menu that is a list view.
- <ul id="publicMenu" data-role="listview" data-inset="true">
- <li data-role="list-divider">Public</li>
- <li><a href="/intranet/mobile/module/news/news.htm">News</a></li>
- <li><a href="/intranet/mobile/module/contact/contact.htm">Contact Us</a></li>
- </ul>
When I click on the news link it redirects me to the correct page (using ajax navigation). That looks all good but when I click the back button on the browser it takes me back to the original page and now the New ListItem takes up the entire page almost as if it generated a bunch of breaks in the listItem.
If I disable ajax then it works fine. Seems to be an issue when redrawing the page. Also what ever ListItem link i click on is the one that is enlarged when I return to that page.
This is what it looks like normally.
This is what it looks like when I click the back button.
Is anyone else experiencing this problem? Am I missing something.