material-components/material-web v0.16.1

on GitHub

Fixed

• mwc-list-item
  • get rid of mobile os glow on tap
  • do not set aria-selected on incompatible roles
  • ripple will unrip if unclick or touchend is outside of list-item
• mwc-list
  • fixed regression in list that broke mwc-select in IE or shady dom.
• Tabs no longer focus on initialization
• mwc-list-item ripple color will now change based off of --mdc-ripple-color on initialization
• Fix issue where textfield would throw an error when fed a non-string value
• list selected item will update if selected item is disconnected
• floating-label: in both select and textfield the user no longer has to call layout when changing label or outlined

Added

• textarea
  • added separate internal and external character counters
• textfield
  • added support for autocapitalize attribute
• --mdc-drawer-width Drawer width is now configurable.
• Added name property mwc-textfield & mwc-textarea for browser autofill.
• ListItem.multipleGraphics list-item graphic width now configuratble for multiple graphics
• Menu.menuCorner can now configure from which horizontal corner should the menu anchor from.
• Add reducedTouchTarget param to mwc-checkbox to control touchscreen accessibility.
• Typeahead on mwc-select
• Added focusItemAtIndex(index) and getFocusedItemIndex to both list and menu
• Add --m-ripple-z-index to control ripple z-index.

Changed

• radio
  • BREAKING renamed SelectionController to SingleSelectionController
  • BREAKING moved SingleSelectionController to @material/mwc-radio/single-selection-controller.ts
  • SingleSelectionController now accepts CheckableElements rather than just MWC Radio elements
• textarea
  • BREAKING character counters are now external by default
  • BREAKING removed fullwidth variant
• textfield
  • BREAKING removed fullwidth variant
• BREAKING --mdc-tab-border-radius has been removed to align with spec
• BREAKING replaced --mdc-dialog-shape-radius with --mdc-shape-medium
• BREAKING mwc-checkbox sizing changed to 48x48 by default for touch accessibility. Disable with reducedTouchTarget attribute or property.
• BREAKING mwc-select's fullwidth property removed since it was behaving as initially expected. Use width: 100% on the root element to accomplish fullwidth.