We have released AngularJS Material v1.1.11.

This release is now available in our Online Documentation, NPM, and Bower. It is also available on the Google CDN (JS, CSS).

You can find the details for all releases in our Change Log.

Highlights

v1.1.11 is our largest release of 2018. This release focused on fixing a lot of high priority issues related to accessibility, performance, and cross browser compatibility.

Here are the highlights:

• Our primary focus this release was on high priority regressions and accessibility issues. We’ll continue with this same focus in v1.1.12.

• With the announcement of major changes to Material Design in the 2018 update to the specification, we’ve clarified that AngularJS Material will continue to focus on aligning with the Material Design Spec for 2014–2017. The Angular Material project will be the place to find the latest Material Design 2018+ features.

• We fixed 21 P1, 21 P2, and 14 P3 issues.

• We reduced the minified CSS bundle size by 76KB as compared to v1.1.10. Also note that this is 93KB smaller than the minified CSS bundle from v1.1.9.

• IE11 support was significantly improved with 7 bug fixes. There were also fixes for issues specific to Firefox and Edge.

Advisories

Tabs received a number of accessibility, cross browser support, and performance fixes. As part of this, there was a regression to md-center-tabs which can cause the tabs to not appear or to appear shifted to the right. This is being addressed and will be fixed in v1.1.12.

Also related to the above change to Tabs, if you use Tabs inside of a non-AngularJS Material dialog, you may see issues with the width of the tab content. You can resolve this by overriding the width of the md-pagination-wrapper. In v1.1.12, you will only need this override if using Tabs with pagination in a non-AngularJS Material dialog.

There also appears to be a regression to md-select when it is used with the multiple option and assigned an initial value. This can cause the label to not float, leaving it overlapping with the values. A fix is being worked on and will be included in v1.1.12.

We hope to have a v1.1.12 release out in mid-January.

Bug Fixes

• autocomplete: screen readers now announce when an item is selected from the dropdown (#11403) (e56424e), closes #10837

• autocomplete: apply theme to mdProgressLinear and input (#9698) (affe84b)

• autocomplete: ChromeVox indicates selected option on focus (#11441) (ca10bd0), closes #10838 #10970

• autocomplete: updateSize incorrectly sets the size to zero (#11500) (d343363), closes #10834

• bottom-sheet: theme now supports dark mode (#11380) (4cecebb)

• chips: editing chips works again (#11364) (97455f5), closes #11322 #11323

• chips: improve screen reader support (#11422) (2268c24), closes #2618

• chips: set dirty when a chip is removed (#11363) (0dd688c), closes #11356

• datepicker: md-open-on-focus constantly re-opens on close w/ IE11 (#11440) (6596cc7), closes #10999

• icon: stop breaking SVG id references when caching icon ids (#11342) (841e8b2), closes #8689

• icon: regression causing exceptions to be thrown on IE11 (#11545) (47527f2), closes #11543 #11342 #11162

• input: make md-maxlength validation happen on initialization with interpolated value (#11338) (0cb4af1), closes #11329 #11329

• input: placeholder and datepicker value displayed overlapping on Firefox (#11538) (44a6946), closes #10440

• input: remove placeholder from button accessibility tree (#11404) (2203eec), closes #11293

• input: remove unnecessary warnings when ng-messages not provided (#11352) (d48c5b8), closes #10461

• input-container: handle initialization of md-icon with ng-if (#11437) (4493389), closes #9529

• interim: validate the interim element while closing it (#11509) (6815faf), closes #11507 #10715

• list: account for IE11 bug with Flexbox and min-height (#11393) (e3c1a5c)

• nav-bar: improve screen reader support (#11486) (6b29548), closes #11485 #11485

• nav-bar: set ng-href on nav-item even if md-nav-href is empty (#11488) (e876eec), closes #11487

• nav-bar: update keyboard navigation to WAI-ARIA guidelines (#11494) (4d29450), closes #10419 #11489

• select: display asterisk on label only if empty (#11355) (f7b7f10), closes #11312

• select: give focus to the first option when loaded asynchronously (#11372) (998199f), closes #11357

• select: perform full cleanup of the select drop-down after the close (#11448) (dfba062), closes #11447

• select: theming issues with md-select-value (#11373) (9852ff7), closes #9592

• select: extra scrollbar when select dropdown is open (#11453) (20fc2d8)

• select(multiple): Remove side-effects to forms when adding md-select elements (#11491) (97e2d00), closes #11490

• sidenav: refactor syntax to work around issue in babel-minify (#11351) (0ed110b)

• switch: theming issues with focus in dark theme (#11459) (71e0411), closes #8518 #11417

• tabs: provide guidance on how to navigate between tabs (#11402) (4b1b729), closes #10895

• tabs: show a visual indication of tab focus (#11392) (1d73d81)

• tabs: tab labels overly truncated on IE11 when pagination active (#11432) (2b2f441), closes #10406

• theme: prepend # to hex codes for enableBrowserColor (#11492) (0306ac0), closes #11259

• toast: improve a11y support for $mdToast.simple(). improve docs (#11424) (fedb9a3), closes #349

• toast: remove the interim element from the list before closing element (#11427) (f616b25)

Features

• autocomplete: add input-aria-label and input-aria-labelledby (#11412) (534beea), closes #10815

• autocomplete: add support for input-aria-describedby (#11405) (a25a7df), closes #11004

• contactChips: add basic support for md-separator-keys (#8142) (eb10b56)

• slider: enable page up/down and home/end keyboard actions (#11517) (70654c3), closes #11515

• tabs: allow specifying custom class names for tabs (#11332) (aa30ada)

• theming: add ability to specify hues as options to defineTheme (#11428) (f776bf7)

Performance Improvements

• tabs: md-center-tabs causes in high CPU usage (#11375) (7fdf9da), closes #9690 #6375

• tabs: remove unreferenced elements variable from TabsController (#11379) (33652b4), closes #11377

• css: remove bloat from auto prefixing of unsupported browsers (#11340) (3660a32)

This auto prefixing change reduced the minified CSS bundle size by 76 KB. You can find the breakdown of supported browsers here.

Documentation

• We’ve updated our home page to include more details about the browsers and versions that AngularJS Material supports.

• We made many small tweaks to the docs to fix broken links, update URLs to the Material Design 2014–2017 Spec, and fix syntax and formatting.

• We also made changes across the docs and demos to properly support dark mode themes.

• a11y: audit of our entire docs and demos site to resolve most all of our accessibility issues identified by Lighthouse

• icon: update our guidance for using SVGs and provided details about the new Material Design Icons tool

• contact-chips: add docs for md-highlight-flags

• highlight-text: add md-highlight-flags example

• list: clarify the docs around md-avatar-icon

• slider: add missing docs for APIs like md-vertical. Fix demos in IE11

• input: fix issues with displaying the types in the docs. Add docs for md-select inside of md-input-container

• select: add missing docs for md-option and md-optgroup

• toast: add example of using locals to the custom toast demo

• typography: fix URL for Roboto font and general cleanup of the guide

Contributors

Thank you to the contributors, especially the first timers, who helped with the v1.1.11 release: