Key changes 1.1.1

jQm 1.1.1

<h2>Key Changes</h2>

<a href="https://github.com/jquery/jquery-mobile/commit/8e570e3f94846d6e01e3bf03da284db3c402979b">Slow tap response when clicking items in large listview on mobile devices</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4340">Issue #4340</a>) - Slow response times and crashing when clicking on a list item (or any navigation element) far down a long page was due to the browser trying to animate a really massively tall page from the scroll position to the top of the screen. The scroll position, not total screen height, is the determining factor for performance so we added another condition to say that if you're either coming FROM or going TO a page where the scroll position is 3x the height of the device's screen, skip the transition (set it to none). This scroll position breakpoint is configurable via the new <code>getMaxScrollForTransition</code> function.

<a href="https://github.com/jquery/jquery-mobile/commit/f164821cd7fa64ea582728f524a927a621402507">White flash/flicker when transitiong between 2 web pages in Phonegap</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4024">Issue #4024</a>) - We now add a class while the TO page is being set up for show (block display, focus, scrolling, setting height) called <code>ui-page-pre-in</code>. This class sets the opacity of the TO page to 0 during this momentary process, which at least in my testing, prevents fixed toolbars and pages from flickering during transitions when fixed toolbars are used in a web app mode in iOS (not Safari, but native webview). Fade transition is particularly improved.

<a href="https://github.com/jquery/jquery-mobile/commit/d89a919fb0f5e902934d0179b73baacb0cc4fc2f">Fix for slide flickering within a ios app webview (i.e. phonegap container)</a> (Also related to <a href="https://github.com/jquery/jquery-mobile/issues/4024">issue #4024</a>). Thanks alexksso! 

<a href="https://github.com/jquery/jquery-mobile/pull/4498">Standardize widths or all buttons and form elements</a> (Issues: <a href="https://github.com/jquery/jquery-mobile/issues/3284" class="issue-link" title="button with icon and no text">#3284</a>, <a href="https://github.com/jquery/jquery-mobile/issues/3983" class="issue-link" title="1.1 RC2 &amp; 1.1 stable: Select buttons are not full or 60% width in header ui-bar">#3983</a>, <a href="https://github.com/jquery/jquery-mobile/issues/3301" class="issue-link" title="field 60% width">#3301</a>, <a href="https://github.com/jquery/jquery-mobile/issues/3922" class="issue-link" title="Selects in horizontal control group w/ other control types misaligned in FF">#3922</a>, <a href="https://github.com/jquery/jquery-mobile/issues/1998" class="issue-link" title="size of buttons in controlgroup with iconpos=&quot;notext&quot;">#1998</a>, <a href="https://github.com/jquery/jquery-mobile/issues/2804" class="issue-link" title="Vertically grouped selects displayed with a gap in FF 7.0.1.">#2804</a>, <a href="https://github.com/jquery/jquery-mobile/issues/3684" class="issue-link" title="Select box (maybe not only it) margin bug">#3684</a>, <a href="https://github.com/jquery/jquery-mobile/issues/4252" class="issue-link" title="data-icon=&quot;false&quot; removes icon but leaves icon padding in select menu">#4252</a>, <a href="https://github.com/jquery/jquery-mobile/issues/4098" class="issue-link" title="Standardize form and button widths">#4098</a>, <a href="https://github.com/jquery/jquery-mobile/issues/3979" class="issue-link" title="Count Bubble position problem">#3979</a>, <a href="https://github.com/jquery/jquery-mobile/issues/4263" class="issue-link" title="Multi select bubbles in listview issue">#4263</a>, <a href="https://github.com/jquery/jquery-mobile/issues/4489" class="issue-link" title="Lists icons styles allow too big icon dimensions so icon doesn't fit the list item.">#4489</a>) - Jasper (uGoMobi) did an incredibly <a href="http://ugomobi.github.com/buttons-form/">detailed</a> sweep through all the elements to ensure that each widget is as close to the the same width as possible given the constraints of CSS. In addition to width normalization, we tweaked things like count bubble position, button margin consistency, padding for icon-only buttons in controlgroup, etc.




<a href="https://github.com/jquery/jquery-mobile/issues/3998">All buttons, regardless of markup, are now mini by default in toolbars</a> - This was an implicit behavior in 1.0, but now we automatically make buttons the mini size unless explicitly set to full size when in toolbars to make this work as expected.

<a href="https://github.com/jquery/jquery-mobile/pull/4385">Improvements to link styling to avoid conflicts with generic link styles</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3444">Issue #3455</a>) - If a:visited, a:hover are defined, they will break jquery mobile buttons because of the specificity of the styles. Up to now, we only set link styles within a theme swatch but since setting link styles globally is fairly common, this defensive addition will help avoid conflicts with user styles or popular tools like the <a href="https://github.com/h5bp/html5-boilerplate">HTML5 Boilerplate</a>

<a href="https://github.com/jquery/jquery-mobile/commit/fd959b9829b9da5e71044e2934e80bf6756112d1">Select: Custom menu with a placeholder highlights first element although it's not selected</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4061">Issue #4061</a>) - Fixed by filtering placeholders out of the list of selected items <a href="https://github.com/jquery/jquery-mobile/commit/b8e05fe4e6c8bfd7a5546c5525231917baad8cd1">Button: Adjusted ui-focus to improve the focus style for grouped buttons </a>

<a href="https://github.com/jquery/jquery-mobile/commit/0fbab85406cd7694682c24e4f4dede4c136bf8fb">Button: Fixed the icon position of notext buttons in IE7</a>

<a href="https://github.com/jquery/jquery-mobile/commit/5ed6ae3b6bf4d40c48224ca98c2a7ea22544732b">Button: Not disabled in Internet Explorer</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3558">Issue #3558</a>) - Conditionally add a live handler to kill clicks on <code>.ui-disabled</code> elements when CSS pointer-events property is not supported.

<a href="https://github.com/jquery/jquery-mobile/commit/e083da4b2b09bb5bdaf8408cb0371bca2eef2470">Added Modernizr's feature test for CSS pointer-events property</a> <a href="https://github.com/jquery/jquery-mobile/commit/26bd1efa69f14a6fa587dbadf6b876f555e3af2e">Select: Custom select menu accessibility with keyboard</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4039">Issue #4039</a>)

<a href="https://github.com/jquery/jquery-mobile/commit/6a9152d50489b23c6234774a27c838187dea465a">Button: Invalid opacity value</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4413">Issue #4413</a>) - Corrected invalid value for filter alpha opacity. Thanks Alexn!

<a href="https://github.com/jquery/jquery-mobile/commit/a4ad50fbd3f03c8c00c21a63700cdc029f65b7b1">Slider: Fill feature disappears on pagehide</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3887">Issue #3887</a>)

<a href="https://github.com/jquery/jquery-mobile/commit/12638ea5897eedb820d0a4675d533678189c04b0">Fixed headers: UpdatePagePadding() and default ui-page-header causes slight jump</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4412">Issue #4412</a>) - Adjusted default top/bottom padding for page with fixed toolbars.

<a href="https://github.com/jquery/jquery-mobile/commit/20b09d247d6e3cc6df793810c3d1ce15f7d85dd1">Added box-sizing border-box to grid blocks so they don't break when padding or border is set </a>(note: not supported by IE7)

<a href="https://github.com/jquery/jquery-mobile/commit/1988bb14be5f32d49ed5cea52778ed22647ab363">Grid: Adjustments to grid-b and -c to fix BB Storm and Curve issues.</a> Adjustments to percentages for older browsers (wrapping still occured on IE7 on certain screen widths).

<a href="https://github.com/jquery/jquery-mobile/commit/36168c6ec80b5c6bd070ec0936cf0f1d18ffc7bd">Navbar: Mini styling for navbar with adjusted padding top and bottom. Set right border on last button when not in toolbar.</a> <a href="https://github.com/jquery/jquery-mobile/commit/de4c5775ea51d02ff180305c657e69a987e527a8">Navbar: Button sub-pixel problem</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3341">Issue #3341</a>) - Filled gap caused by subpixel problem with negative margin.

<a href="https://github.com/jquery/jquery-mobile/commit/a6a0ba4b24d39486237b4e4c2553db9713e7305c">Navbar: Items wrapping in IE7 BB5</a> (Issue <a href="https://github.com/jquery/jquery-mobile/issues/2270">#2270</a> and <a href="https://github.com/jquery/jquery-mobile/issues/2159">#2159</a>) Adjusted grid blocks percentage width to prevent wrapping on older browsers and set it back for modern browsers, including minor adjustment to fix BB5 issue.

<a href="https://github.com/jquery/jquery-mobile/commit/b258b3b7d223e17650ba2b5228f62716b68fba0c">Added "button" element to tapToggleBlacklist</a> <a href="https://github.com/jquery/jquery-mobile/commit/d2fd2ac19299fdcb4286254caf7969a2b361c3dc">Prevent scrollbars on pages with custom borders</a> - take custom borders in account on the page when setting the min-height. Thanks ngharo!

<a href="https://github.com/jquery/jquery-mobile/commit/93d93770df48a599223ef1a614c0fb7eda75a64a">Header: Visual issues in IE7</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4193">Issue #4193</a>) - Added zoom 1 to trigger HasLayout on toolbars for IE

<a href="https://github.com/jquery/jquery-mobile/commit/11aa90653f04d6fea2235c42ddcdcb7291f53a7c">Slide Transition with Fixed Header in App visual artifacts</a> (Issue #4418) - We now include padding for the fixed toolbars in the 100% height of <code>ui-mobile-viewport-transitioning</code> element

<a href="https://github.com/jquery/jquery-mobile/commit/2edf53f62d63a909edbd0292e224e902c2a14134">Form: form hijacking not respecting allowCrossDomainPages</a> (<a href="https://github.com/jquery/jquery-mobile/issues/2234">Issue #2234</a>) - check external urls against the cross domain pages setting

<a href="https://github.com/jquery/jquery-mobile/commit/410a5a3da186c07c8dcc929802f35790c1dc1ac2">Navigation: dialogHashKey is now stripped from url even if it is not an embedded page in convertUrlToDataUrl</a>

<a href="https://github.com/jquery/jquery-mobile/commit/d93c65561b715fba47030cd8aad99dd8badbf172">Navigation: Support the case where the initial url contains a dialog hash key </a> <a href="https://github.com/jquery/jquery-mobile/commit/406b3d43497a72b8a74c79cb64bf633cc0e8b4c6">Performance improvement for getInheritedTheme</a> - Thanks hpbuniat!

<a href="https://github.com/jquery/jquery-mobile/commit/d9f8ec07d7884c3955d8a2e9d545c9cb8bb55d17">Button: Text is now prevented from being selected</a> - for a cleaner interaction, this can be tweaked via CSS if needed

<a href="https://github.com/jquery/jquery-mobile/commit/52745d26bfd25bbe6f30c9ddabefe20338ea9fb6">Navigation: When the initial page has a dialogHashKey, navigation breaks after link-click followed by "Back"</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4423">Issue #4423)</a> - Handle corner case where first visited page has a dialog hash key

<a href="https://github.com/jquery/jquery-mobile/commit/268ece6ac87f95107b010d22b7439f3901dd554c">Slider: label ID gets overwritten</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3981">Issue #3981</a>) - Now we create an ID for the label only if not present

<a href="https://github.com/jquery/jquery-mobile/commit/34c4811b2a779c025576d08aff22963b7ca83323">Init: Proceed to hashchange handler when the initial hash contains a path</a> - This covers cases where the hash is a path

<a href="https://github.com/jquery/jquery-mobile/commit/b43ec247fabd16c793a8a1546c78eaf566e5ee34">Navigation: Bad URLs with hashes are not gracefully handled</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4119">Issue #4119</a>) - Added regex test to see if hash is valid and if a page with that ID exists, if not load the first page.

<a href="https://github.com/jquery/jquery-mobile/commit/2776e462d2c8d2994c62c161ec73c14d20f83c5b">Listview: data-mini="true" attribute should be ignored</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4114">Issue #4114</a>) - Mini listviews are both difficult to tap accurately and have too many complex styles to support at two sizes

<a href="https://github.com/jquery/jquery-mobile/commit/de30e0a262fedb767331e457937b426de9cf9576">Slider: Custom Active Button Class does work</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4345">Issue #4345</a>) <a href="https://github.com/jquery/jquery-mobile/commit/e582a402ef16d238539ee8e7b4537bc5ef8ca9ad">Listview: selects + buttons inherit wrong font-size in list with form</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4254">Issue #4254</a>) - Thanks ebaranov!

<a href="https://github.com/jquery/jquery-mobile/commit/7aa65ac931c5d91e9f3727183526e619212f630a">Listview: When leaving from a page contains nested listview, pageremove event does not fire</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4185">Issue #4185</a>)

<a href="https://github.com/jquery/jquery-mobile/commit/893c20d7f95fd17ecb6d09f4a845df93a869684c">Input buttons of type=image not rendering properly</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3423">Issue #3423</a>) - Fixed by setting <code>-webkit-appearance: none;</code> on this type. This input type is no longer auto-enhanced unless a data-role="button" is added in the markup.

<a href="https://github.com/jquery/jquery-mobile/commit/864f8513da42d107c29eb0caacb820da0475b003">Checkbox - Corner styling of inserted checkbox incorrect when in controlgroup</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3496">Issue #3496)</a>

<a href="https://github.com/jquery/jquery-mobile/commit/8b938e2e357c696b09ed7b4690e185e7951c1d25">Can not disable 'push state' plugin when jQM loaded via require.js</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4136">Issue #4136</a>) - We now call <code>init</code> when both <code>mobileinit</code> and <code>domready</code> have happened instead of just <code>domready</code>.

<a href="https://github.com/jquery/jquery-mobile/commit/d5b04ac77b0119463ff5378e45b8fcceffdf74d9">Dialog: navigation incorrect if certain flags are set</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4320">Issue #4320</a>) - if hash manipulation is off, the dialog hash key is not added when the dialog appears, and the dialog's close button does a <code>window.history.back()</code> by default. This causes the browser to go back to the page before the one that launched the dialog. Now when <code>hashListeningEnabled</code> is not set, use urlHistory to go back from the dialog

<a href="https://github.com/jquery/jquery-mobile/commit/63822fe9e4b172d00b733f3e85383a48a8bd923f">Listview: links embedded in list dividers shouldn't be auto enhanced into buttons</a> Related tweak <a href="https://github.com/jquery/jquery-mobile/commit/44fbdd38f27d98350300d24962a1023763d006b7">here</a>

<a href="https://github.com/jquery/jquery-mobile/commit/892611930d2d9881597e21cf4af2228d199f885a">Collapsible - add active state on tap for better visual feedback</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4220">Issue #4229</a>)

<a href="https://github.com/jquery/jquery-mobile/commit/d9108bcffd59c89647d842d4d004b60572a57057">Listviews: Button+data-iconpos="notext" formatting issue</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4227">Issue #4227</a>) - Style tweaks for better layout

<a href="https://github.com/jquery/jquery-mobile/commit/fa1d511ca8c0cdffba832b1697e537b8462d8d90">Dialog: Double click on dialog close btn cause double back</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3387">Issue #3387</a>) - Prevent the click-handler for "Close" acting twice

<a href="https://github.com/jquery/jquery-mobile/commit/851fad0debfbc50deb47d96d6d03de9257aa6756">Keep urlHistory in sync with browser history even when moving to/from a #&amp;ui-state=dialog link via Back/Forward buttons</a>- Nav improvement

<a href="https://github.com/jquery/jquery-mobile/commit/358f7de7d7429fca11b7050e281954bbdbe08559">Forward history + dialog navigation issues</a> (<a href="https://github.com/jquery/jquery-mobile/issues/2656">Issue #2656</a>) - Do not change hash nor add history entry when displaying a dialog at a history entry that already has dialogHashKey

<a href="https://github.com/jquery/jquery-mobile/commit/396110c41ccc52318bcd715630cf66d2ec3d7c1a">CollapsibleSet widget removes ui-corner-x classes from the whole DOM</a> (<a href="https://github.com/jquery/jquery-mobile/issues/4062">Issue #4062</a>) - removed add() function which queries the whole DOM. Thanks @MauriceG

<a href="https://github.com/jquery/jquery-mobile/commit/63dc7b2b7ab9697a0b86f9aca6b7ca1cef3f269a">Upgraded widget factory from jQuery UI 1.9m7</a> (<a href="https://github.com/jquery/jquery-mobile/issues/3544">issue #3544</a>) - Brings a host of improvements, including widget subclassing fixes.