Release Notes

Kara on October 6, 2017 for marble-mustache

Highlights

• Progress spinner is now entirely css-based.
• Fixed sidenav: the sidenav can now be configured to use fixed positioning. This resolves a longstanding issue where sidenav-container would always introduce a scrolling region.
• mat-select is now used inside mat-form-field. This makes all of the existing form-field features available with mat-select, including hints, errors, prefixes, and suffixes. This also ensures that mat-select and matInput have a consistent presentation.

<mat-form-field>
  <mat-select placeholder="State">
    <mat-option *ngFor="let state of states" [value]="state">{{ state }}</mat-option>
  </mat-select>
</mat-form-field>

Breaking Changes

• Previously the ScrollDispatcher.scrolled subscription would react both on scroll events and on window resize events. Now it only reacts to scroll events. To react to resize events, subscribe to the ViewportRuler.change() stream.
• UniqueSelectionDispatcher, UniqueSelectionDispatcherListener and UNIQUE_SELECTION_DISPATCHER_PROVIDER are no longer available from @angular/material and instead must be imported from @angular/cdk/collections
• isFocusTrapEnabled is now properly marked internal.
• The OverlayRef.getState method has been renamed to OverlayRef.getConfig.
• defaultErrorStateMatcher has been replaced by ErrorStateMatcher. For more info, see the input docs.

Features

• autocomplete: add md-autocomplete classes to overlay panel (#7176) (f8cd790), closes #4196
• dialog: add datepicker dialog and popup classes for easy styling (#7013) (0ff8d5d)
• menu: support typeahead focus (#7385) (f0d20ca)
• nav-tabs: add mat-tab-label-active class to active nav tab labels (#7508) (00e9338)
• progress-spinner: switch to css-based animation (#6551) (630dfad)
• select: add support for custom error state matcher (#7443) (a774688), closes #7419
• select: make select work inside form-field (#6488) (d914cc4)
• selection-model: de/select multiple values at the same time (#7001) (e52beeb)
• sidenav: Add support for fixed sidenavs (#6712) (61579bc)
• sort: add enter and leave arrow animations (#7180) (2d350a0)
• table: add row when predicate (#6795) (0875b85)
• viewport-ruler: add common window resize handler (#7113) (3b0915a)

Bug Fixes

• add exportAs to missing components (#7392) (31e9775), closes #7361
• remove all md prefixes (#7241) (20a23f1)
• slide-toggle: report change to model before firing a change event (#7076) (c82fca8), closes #7074
• remove cdk re-exports from @angular/material (#7112) (f9b5ccd)
• autocomplete: don't open panel for readonly inputs (#7271) (5f8615f), closes #7269
• autocomplete: emit closing action for escape keydown event (#6250) (f4673a5)
• autocomplete: empty not cleaning up on tab (#7270) (6be0462), closes #7268
• autocomplete: error if panel is added asynchronously (#7078) (504ba70), closes #7069
• autocomplete: remove invalid aria markup (#7107) (6bd6b9f), closes #7100
• button: allow for elevation to be overwritten (#7305) (92a868e), closes #7264
• calendar: not reacting to min/max boundary changes (#7234) (eb012cc), closes #7202
• checkbox: defaulting to invalid name and value attributes (#7130) (26788f1)
• checkbox: support native tabindex attribute (#6793) (0270cf5)
• chips: do not set chips value if there's no ngControl or value (#7285) (d9ba13f)
• chips: fix chip list focus and keyboard behaviors (#7319) (f166468)
• common: don't log doctype warning when rendering server-side (#6833) (f8ed442)
• common-module: check if computed styles are available (#7003) (5da9e64), closes #7000
• datepicker: make sure _datepickerInput exists before accessing its (#7033) (2129b7a)
• dialog: directionality not injected into child components (#7111) (daa3880)
• drawer: backdrop not transitioning on close (#6651) (80310a5)
• drawer: drawer container animating when open by default (#7129) (4d278dd), closes #7007
• drawer: drawer container not reacting to drawer removal (#7060) (b0b91f4), closes #6271
• drawer: open event not firing on init (#7214) (ba5653d), closes #7208
• input: apply readonly attribute when readonly (#7439) (01622b1)
• input: don't highlight container when readonly input is focused (#7273) (f076390)
• input: make autosize work inside tabs & stepper (#7341) (c6824d5)
• list-key-manager: align matching logic with native listbox (#7212) (846cc13)
• list-key-manager: don't focus disabled items in typeahead mode (#7382) (1823b2f)
• menu: multiple close events for a single close (#7037) (2dcb76c)
• menu: nested menu error when items are rendered in a repeater (#6766) (7a96570), closes #6765
• overlay: detach method returns undefined (#7449) (0584cdf), closes #7408
• paginator: page size selector not working (#7263) (2b3d795)
• radio: defaulting to invalid name attribute (#7131) (c5e162b)
• ripple: handle touch events (#7299) (fe0864b), closes #7062
• ripple: remove unused ScrollDispatchModule (#7528) (4a1a68d)
• ripple: use element coordinates instead of page coordinates (#7446) (7714a5c), closes #7436
• select: losing focus when selecting values through binding (#7296) (86bea91), closes #7092
• select: multiple change events emitted when changing options of a closed select (#7232) (c7ab828), closes #7227
• select: prevent nbsp from getting butchered in AOT (#7363) (2e71cac)
• select: theme not being transferred to the panel (#7342) (6b70ca6)
• selection-list: model not updated when option is selected programmatically (#7334) (f40a7cc), closes #7318
• selection-list: restore focus if active item is destroyed (#7125) (e05f939)
• selection-list: tabIndex should respect disabled state (#7039) (c2a9516)
• sidenav: change content from md- to mat- (#7307) (d05dcfa)
• slider: change event is not being emitted (#7278) (39543a3), closes #7207
• snack-bar: positioned snack bar animation not starting off-screen (#7453) (58d3bb8)
• snack-bar: subsequent snack bars not opening; animation issues (#7086) (8e77261), closes #7063
• sort: fix incorrect conditional grouping (#7427) (f5e916d)
• sort: style changes to fix IE (#7375) (75f26e8)
• sort: throw error on invalid direction (#7378) (cc6f39e)
• stepper: align appearance with spec (#7279) (4122ae2), closes #7260
• stepper: avoid blurry content on IE (#6992) (6f48710)
• stepper: selected is always undefined (#7213) (217840c)
• stepper: switch to OnPush change detection (#7119) (c2c6e04)
• stepper: unable to internationalize labels (#7122) (6e3bbcb)
• tabs: blurry content in IE (#6954) (7a354a0), closes #6944
• tabs: update tab output names (#7134) (38268d3)
• theming: incorrect green-500 contrast color (#7492) (c1f6ea1), closes #7490
• tooltip: ensure tooltip stays within viewport (#6659) (c8ddd39), closes #5428
• tooltip: minification issue (#7430) (b121e32)