1.3 Release Notes

Changes

Add notes here...

Upgrade 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.

Theme CSS corner classes

• 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

Controlgroup

• Changed controlgroup from a function into a widget. Fix for:

• https://github.com/jquery/jquery-mobile/issues/4851
• https://github.com/jquery/jquery-mobile/issues/3918
• https://github.com/jquery/jquery-mobile/issues/4773

Listview

• 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)

Popup

• New option "data-dismissable": Option to prevent popup from closing when you click out: https://github.com/jquery/jquery-mobile/issues/4727

Textinput

• 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".
  // note: PR https://github.com/jquery/jquery-mobile/pull/5281 or branch text-input-clear-btn not merged yet

Select

• Made optgroup themeable in custom menus: https://github.com/jquery/jquery-mobile/issues/4809

RWD tables

• New widget: http://jquerymobile.com/branches/tables/docs/tables/index.html

Dialog

• 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)

Navigate event and method

Fixed Toolbars

• 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:

• https://github.com/jquery/jquery-mobile/issues/3748
• https://github.com/jquery/jquery-mobile/issues/4113
• https://github.com/jquery/jquery-mobile/issues/4250
• https://github.com/jquery/jquery-mobile/issues/4337
• https://github.com/jquery/jquery-mobile/issues/4410

Button

• Made it possible to change button's data-theme programatically: https://github.com/jquery/jquery-mobile/issues/4317

Collapsibles

• New option "corners" for inset collapsibles and collapsible set (no issue ticket, landed with CSS corner styling)

Fieldcontain

• 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)