Response title
This is preview!
- Screen name: david.a.nimmo
david.a.nimmo's Profile
1 Posts
1 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- Hi all, I wonder if anyone can help me with what's going on here?Here is a simple page with a navbar that has two buttons and one has a different swatch applied:
- <head>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css">
- <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script>
- </head>
- <body>
- <div data-role="footer" data-theme="b">
- <div data-role="navbar">
- <ul>
- <li><a href="#">Button 1</a></li>
- <li><a href="#" data-theme="a">Button 2</a></li>
- </ul>
- </div>
- </div>
- </body>
Sometimes, Chrome incorrectly formats the second button and just applies swatch B to the whole lot. The behaviour seems to occur as follows:- In a standard Chrome window, the formatting is correct perhaps 50% of the time - if it's not formatted properly, a page refresh seems to correct it
- In an Icognito window, the formatting is applied correctly every time
- In a chromeless window (from the Tools > Create application shortcuts... feature), it almost never formats correctly - you have to refresh perhaps 20 times before it formats properly
- In Firefox it works without any issuesThe fact that it works in Incognito mode makes me think there is some sort of caching issue, but this one has me stumped - any ideas?Thanks in advance