1.3 Release Notes
Rounded corner class changes - In 1.3, we've changed the way rounded corners are applied across all widgets. In previous versions, we had fairly complex JS logic to dynamically apply corner classes to specific elements in a widget. For example, the first item in an inset listview would get the ui-corners-top class to round only the top left and right corners and a similar thing would happen for bottom corners. // Explain how the new JS works.
1.3rc1 - previously all links containing a hash were truncated at the hash and then appended to the current base tag value. This was a blanket solution for dialogs and nested listviews we will now only apply this to dialogs and nested listviews by looking for &ui-page and &ui-state. All other urls will be allowed to pass through normally.
1.3rc1 - iOS 4 will now receive hash based navigation only.
- Overview: http://jquerymobile.com/test/docs/tables/index.html
- Reflow: http://jquerymobile.com/test/docs/tables/table-reflow.html
- Column toggle: http://jquerymobile.com/test/docs/tables/table-column-toggle.html
- In progress in a branch: http://jquerymobile.com/branches/slide-panel/docs/panels/index.html
- Class to stack all at narrow widths: http://jquerymobile.com/test/docs/content/content-grids-responsive.html
- Need description and doc/demo links
- Removed the various corners classes for specific sides (ui-corner-top) but left the corner-all class. Part of the corner code simplification, saved ~1k gzipped from library. Changed all corner styling logic from JS to pure CSS: https://github.com/jquery/jquery-mobile/commit/277556bd12b90e0b5def861dfcff2474f3525305 // note: we have to update the TR - corner classes have been removed from theme CSS: https://github.com/jquery/web-jquery-mobile-theme-roller/issues/118
- Added menu (3 horizontal bars) and edit (pencil) icons: https://github.com/jquery/jquery-mobile/issues/5340
- Changed the MQ's for the HD icon sprite to include devices with a slighty lower resolution: https://github.com/jquery/jquery-mobile/issues/5165
- Changed controlgroup from a function into a widget. Fix for:
- New option "data-filter-reveal": Option to start a filtered listview with all items hidden by default (local autocomplete): https://github.com/jquery/jquery-mobile/issues/5090 - demo at bottom of page: http://jquerymobile.com/test/docs/demos/listviews/listview-filter-autodividers.html
- Listview filter: blur the search field on submit: https://github.com/jquery/jquery-mobile/issues/3303 // note: also focus on first list item??
- New options "corners" + "shadow" for inset listviews (no issue ticket, landed with CSS corner styling)
- Made it possible to set data-theme on list dividers: https://github.com/jquery/jquery-mobile/pull/5237 (no issue ticket)
- New option "data-dismissible": Option to prevent popup from closing when you click out: https://github.com/jquery/jquery-mobile/issues/4727
- Added (basic theming) support for input type="file": https://github.com/jquery/jquery-mobile/issues/5050
- New option "clearBtn" for text inputs and textarea: https://github.com/jquery/jquery-mobile/issues/1834
Deprecated "clearSearchButtonText", superseded by "clearBtnText". - Fixed the height of text inputs on IE9/WP: https://github.com/jquery/jquery-mobile/issues/5307
- Inputs are now always wrapped in a div. This fixes the alignment of full width inputs on IE7/8 and WP7 + input type color on Chrome: https://github.com/jquery/jquery-mobile/commit/6161878a9423c62af1f665b9cd877c33613abd4c
- Textarea autogrow also works now when you paste text: https://github.com/jquery/jquery-mobile/issues/4854
- Fixed textinput issues with multibyte strings: https://github.com/jquery/jquery-mobile/issues/1811 & https://github.com/jquery/jquery-mobile/issues/2834
- Made optgroup themeable in custom menus: https://github.com/jquery/jquery-mobile/issues/4809
- Fixed custom select / popup focus issues: https://github.com/jquery/jquery-mobile/issues/5306
- Fixed issues with selects with class ui-btn-left/right: https://github.com/jquery/jquery-mobile/issues/5073
- Slider and input together full width. https://github.com/jquery/jquery-mobile/issues/5045
- Modified the style of the input: mini sized, font-weight bold, no border and no spinner.
- The slider now respects the step set on the input as long as the physical step size will be greater then 1px
- New widget. Combine two inputs type="range" into one dual handle slider.
- New option: closeBtn (or data-close-btn in the DOM) has three values: "left", "right", and "none". See https://github.com/jquery/jquery-mobile/issues/3886. "left" means a close button will be added to the left edge of the header. "right" means such a button will be added to the right edge of the header. "none" means no button will be added. This latter option allows for the manual addition of buttons to the header which can act as custom close buttons (see https://github.com/jquery/jquery-mobile/issues/5117).
- New option "corners" (no issue ticket, landed with CSS corner styling)
- Fixed issue radio buttons, checkboxes and custom select menu items are missing the active state when a dialog is re-opened: https://github.com/jquery/jquery-mobile/issues/5111
There are two new additions to the navigation functionality in jQuery Mobile. A navigate event that normalizes the URL alteration events hashchange/popstate, and a $.navigate method that allows users to receive extended traversal information in navigate bindings (eg, directionality).
The navigate event is a light weight attempt to unify bindings to a browser's URL alteration events hashchange and popstate. It also handles differences in the way setting the hash on the location object interacts with the two browser events (ie, stop the world popstate triggering) , and provides event hooks to control the event lifecycle.
The $.navigate method forms the bulk of the new functionality. By using the $.navigate method to do url manipulation instead of doing it directly with the location object, replaceState, or pushState you get history management and support for both modes of URL state tracking. The history management provides a state object to navigate event bindings whether the browser supports the new history API or not. In addition it contains the same logic used in jQuery Mobile to determine what direction the browser history is moving.
Both the event and the method are available as modules apart from other navigation functionality in jQuery Mobile, with minor dependencies on other parts of the library. More info: https://github.com/jquery/jquery-mobile/issues/5091
- Fixed the 1px jitter: https://github.com/jquery/jquery-mobile/issues/4895
- Created extension for browser specific workaround (PR https://github.com/jquery/jquery-mobile/pull/5260) + fix for issues:
- Fixed iOS next/prev form controls were causing fixed header revealing itself: https://github.com/jquery/jquery-mobile/issues/4724
- 37 Closed fixed toolbar issues since 1.2
- Made it possible to change button's data-theme programatically: https://github.com/jquery/jquery-mobile/issues/4317
- New option "corners" for inset collapsibles and collapsible set (no issue ticket, landed with CSS corner styling)
- Changed MQ's from min-width 450px to 28em: https://github.com/jquery/jquery-mobile/issues/5276
- (Removed border-bottom-width from class ui-br (theme CSS), was already set for fieldcontain (structure CSS): https://github.com/jquery/jquery-mobile/issues/5277)
- Added non-prefixed keyframe rules to bring support for IE10/WP8 and future browsers
- Updated the 3D and transition tests
- Issue: https://github.com/jquery/jquery-mobile/issues/4875
- Finally fixed in iOS 6 so we only apply this for iOS5 and older
#performance
- define
$.mobile.window = $ ( window ) and$.mobile.document = $ ( document ) - these represent over an 80% performance improvement on most platforms and browsers.