chrome-tarantula

Highlights

• In the next minor version we will remove the beta versions of Angular 6 as valid dependency
  versions. This is a change that we intended to make when moving out of beta but was accidentally
  overlooked. Please note that versions prior to beta.8 don't work properly even today, as they do
  not have all of the changes we depend on related to tree-shakeable providers.
• We have added a cdk-experimental package for drag & drop. It's not ready for prime time yet, but
  if you're feeling adventurous and want to give it a spin, feel free!

Bug Fixes

• tabs: don't show focus indication for mouse focus (#11194) (1a83bc0), closes #11184

ruby-robot

6.3.2 ruby-robot (2018-07-02)

Bug Fixes

• aria-describer: clear duplicate container coming in from the server (#11900) (31c8f6b)
• autocomplete: don't override native autocomplete attribute (#11926) (ee9ddfb)
• autocomplete: reposition the panel when the amount of options changes (#4469) (a7c4d0c)
• button: not resetting all outlines on firefox (#11911) (df80dc6)
• button-toggle: allow event bubbling for toggle button clicks (#11951) (79415c4)
• button-toggle: emit change event when button is clicked (#11886) (828b3c0)
• button-toggle: use native button and aria-pressed for button-toggle (#10990) (b959e18)
• card: don't override vertical divider styles (#11899) (8a9a8bc)
• checkbox: fix checkbox animation when moved between view containers (#10589) (0244afc)
• chips: ripples still showing up when globally disabled (#11918) (8d6a9ae)
• focus-monitor: allow native focus options to be passed through focusVia (#11962) (8f3b316)
• focus-trap: not attaching correctly if element is not in the DOM on init (#7665) (80d9a9a)
• GlobalPositionStrategy: justifyContent center ignored when direction is RTL (#11877) (6b1f703)
• icon: clearing all content when inserting a new SVG (#11956) (96b389c)
• list-key-manager: allow withWrap to be disabled (#11920) (ab14539)
• menu: panel positions not changing if position is updated after first open (#11707) (671ad82), closes #11668
• menu: scrollable menu not scrolled to top when opened for the first time (#11859) (548266b)
• moment-dateadapter: add option to create utc dates (#11336) (3acd2a4)
• overlay: clear timeout if the backdrop transition completes early (#11938) (c55c0e1)
• overlay: don't dispatch key events to overlays that don't handle them (#11810) (2433439)
• overlay: explicitly implement OverlayReference. (#11824) (3e99c46)
• progress-spinner: create internal default to force animations to always be on (#11462) (11f3993)
• schematics: add parse5 dep (#11647) (42dd824)
• schematics: error in generated unit test (#11884) (0e5b30e)
• select: don't blur label when trigger is blurred while the panel is opened (#11537) (6c9c3fe)
• select: not resuming keyboard selection after clicking on single-select option (#11882) (a3dba76)
• select: reset option being marked as selected (#11934) (cd32d78)
• select: support ctrl+a shortcut for multi-select (#11799) (11d7080)
• selection-list: disabling list doesn't disable ripples of options (#11955) (4ac64da)
• sidenav: remove margin from content instead of setting zero (#11986) (82016c2)
• default config check is not checking test builder (#11816) (c36e6f3)
• parse5 not listed as dependency for material (#11981) (ce90bed)
• slide-toggle: not updating model from toggle method (#11846) (e69cf76)
• sort: arrow visible while parent row is being animated (#11827) (de13ec9)
• tab-nav-bar: ripples still showing up when globally disabled (#11865) (4f3cbfe)
• table: use solid color for sorting arrow (#11533) (d083d76), closes #11340
• tabs: maintain selected tab when new tabs are added or removed (#9132) (1e164b6)
• tabs: unable to set aria-label or aria-labelledby on tab (#11898) (8e44f89)
• tree: fix dynamic tree example and demo not closing children (#11148) #11728 (128e2a0)

string-sole

6.3.1 string-sole (2018-06-26)

Bug Fixes

• button-toggle: emit change event when button is clicked (#11886) (828b3c0)
• button-toggle: use native button and aria-pressed for button-toggle (#10990) (b959e18)
• menu: panel positions not changing if position is updated after first open (#11707) (671ad82), closes #11668
• overlay: explicitly implement OverlayReference. (#11824) (3e99c46)
• progress-spinner: create internal default to force animations to always be on (#11462) (11f3993)
• select: don't blur label when trigger is blurred while the panel is opened (#11537) (6c9c3fe)
• table: use solid color for sorting arrow (#11533) (d083d76), closes #11340
• tree: fix dynamic tree example and demo not closing children (#11148) #11728 (128e2a0)

tourmaline-transom

Bug Fixes

• autocomplete: model not being updated when typing in input with disabled autocomplete (#11695) (429d3bc), closes #11678
• autofill: listen for animation events outside the zone, but emit autofill events inside (#11798) (48dda50)
• badge: remove badge margins (#11599) (f042068), closes #11596
• badge, tooltip: Add A11yModule (#11586) (75d116d)
• checkbox: high contrast accessibility improvements (#11633) (6220b72), closes #11623
• datepicker: inconsistent arrow color between popup and touch modes (#11535) (bb297c9)
• datepicker: make date range aria-live and fix active date logic (#11144) (8063c26)
• dialog: inconsistently resetting dimensions (#11723) (e95623d)
• dialog: not closing correctly when detached externally (#11516) (be1b5e6)
• expansion: expansion panel blending in with background in high contrast mode (#11659) (8842fb2)
• form-field: fix wrong underline color in error state (#11447) (3681ddf), closes #11436
• form-field: inaccessible in high contrast mode (#11736) (0a39595), closes #6257 #6383 #9009
• icon: IE/Edge ignoring style tags inside inline SVG (#11531) (555d8f4), closes #11458
• menu: reintroduce panel position classes (#11612) (703da89), closes #11597
• menu: toggle aria-expanded attribute on menu trigger (#11751) (bf88702)
• overlay: flexible overlay with push not handling scroll offset and position locking (#11421) (55aaa03)
• overlay: global overlay incorrectly handling left/right position when RTL is set on body (#11412) (2a51565), closes #11393
• overlay: unable to reset overlay size properties to initial value (#11592) (ba4f2af)
• paginator: page size selections being truncated with outline and fill appearances (#11722) (255c10a), closes #11681
• progress-bar: not usable in high contrast mode (#11651) (ff78ade), closes #11623
• progress-spinner: animation not working when default size is set via token (#11688) (7c1db46), closes #11687
• schematics: add app prefix to components (#11738) (84634cc)
• schematics: remove temp path #11198 (#11424) (b349de3)
• scrolling: scrollable elementScrolled stream not being completed on destroy (#11518) (9ab6cd0)
• select: disable all animations when using NoopAnimationsModule (#11594) (fa60fe4), closes #10590
• select: handle null values in multi-select (#11792) (dd8c807)
• select: inconsistent openedChange event dispatched between browsers (#11461) (4ef9cb0)
• select: label not being read out when using mat-label in mat-form-field (#11710) (e349fe4)
• select: multi-select checkbox not having an outline in high contrast mode (#11667) (082efa3)
• select: unable to use the MatOption select/deselect API to toggle options (#11528) (81537af), closes #9314
• selection-list: support selecting all via ctrl + a (#11502) (e6d9494)
• sidenav: scrollable instance not exposed when explicitly specifying content element (#11517) (436ac7d), closes #10884
• slider: value not being rounded when using keyboard and decimal step (#11574) (61f0f2a), closes #10951
• stepper: reading out wrong amount of options with NVDA on Firefox (#11711) (56e703f), closes #11694
• table: minor styling fix to expandable rows (#11569) (3d6f326)
• tabs: Add role to mat-tab-nav-bar and mat-tab-link (#11410) (fd23c02)
• tabs: Set initial ink bar width as 0 width (#11585) (c977763)
• tabs: tab position and amount of tabs not being read out by screen reader (#11694) (260afcf), closes #11369
• tabs: update mat-tab-link to set aria-current when active (#11409) (103acc4)
• tooltip: don't open for mouse and touch focus (#10728) (74f4364)
• tooltip: long continuous strings overflowing tooltip container (#11363) (2786b34)

Features

• table: support sticky headers, footers, and columns (#11483) (edbbc1b)
• bottom-sheet: switch to providedIn syntax (59554c4)
• collections: add isMultipleSelection function to SelectionModel (#11560) (0675e05)
• schematics: add address form schematic (#11425) (9b80a4c)...

crystal-caribou

Bug Fixes

• datepicker: inconsistent arrow color between popup and touch modes (#11535) (f974324)
• dialog: not closing correctly when detached externally (#11516) (bbb1d39)
• tooltip: don't open for mouse and touch focus (a003b9a), closes #10709
• tooltip: long continuous strings overflowing tooltip container (#11363) (c5f1293)

bamboo-shampoo

Highlights

• An initial implementation of virtual scrolling is now available in @angular/cdk-experimental.
  Please note that, since these components are still experimental, they may have bugs and the API
  is subject to change.

Bug Fixes

• autosize: textarea receiving focus on init (#11460) (7d447c2), closes #11451 #11308
• button: disable all animations when using the NoopAnimationsModule (#11477) (1a75152), closes #10590
• checkbox, radio: remove webkit tap highlights (#11349) (4b2cc1a)
• form-field: disable all animations when using NoopAnimationsModule (#11371) (9062640), closes #10590
• form-field: infinite loop when using outline appearance and element isn't in the DOM (#11406) (e592615), closes #11329
• menu: lazy-rendered content being duplicated when toggling quickly (#11348) (fb5cdb2), closes #11331
• nav-schematics: update isHandset$ type and fix template expression (#11448) (b9041e3), closes #11445 #11441
• overlay: incorrect position when using flexible positioning and rtl on the body (#11393) (acc24c4), closes #11387
• accordion, expansion: prevent nested expansion panels from registering to the same accordion (#11342) (9bf720a)
• select: panel content blurry in some browsers (#11434) (3dc3fcd)
• slide-toggle: disable animations when using NoopAnimationsModule (#11414) (1d96d5a), closes #10590
• slider: disable animations when using NoopAnimationsModule (#11422) (cf17ef7), closes #10590
• table: data source not unsubscribing from render changes subscription (#11394) (9313f18), closes #11382

Features

• a11y: add cdkAriaLive directive (#11352) (64a70ad)
• expansion: allow expansion indicator positioning (#8199) (51d859f)
• overlay: allow for Directionality instance to be passed in (#11411) (be577b1)
• progress-spinner: add injection token for configuring the diameter and stroke globally (#11493) (c3899cf), closes #11490
• collections: add ArrayDataSource, a DataSource wrapper for Array and Observable (#11354) (f59658d)

Performance Improvements

• overlay: only compute and emit position changes if there are subscribers (#11431) (c68ccc9)

plaster-parliament

6.1.0 plaster-parliament (2018-05-21)

Features

• autocomplete: add the ability to set a different panel connection element (#11284) (efe37f5), closes #11269
• autocomplete: allow autocomplete panel to be disabled (#11142) (e8bc0e9)
• button: add isIconButton and isRoundButton properties (#11226) (318d699)
• cdk-input: change autosize to be bindable (#9884) (#11167) (2d227b7)
• elevation: add $opacity argument to elevation mixins (#10877) (fbf5648)
• observe-content: refactor so logic can be used without directive (#11170) (ba57852)
• overlay: add support for automatically setting the transform-origin based on the current position (#10868) (d26735c)
• overlay: expose flexible overlay features through CdkConnectedOverlay (#11069) (ef0229c)
• table: allow multiple header/footer rows (#11245) (641edc3)
• table: enable multiple data rows (#11116) (c15e307)
• tree: Add support for trackBy (#11267) (ff34dac)

Bug Fixes

• animations: prevent animations when in a noopanimations module (#10881) (81b6a78)
• autocomplete: panel blending in with background in high contrast mode (#11190) (9e9daf8)
• autocomplete: return consistent output from panelClosingActions (#8533) (2815607), closes #7553
• autosize: error thrown by IE in some cases when component is destroyed (#11109) (af09c8f)
• button: ripples not being clipped by button border radius (#11181) (6e026d7), closes #11160
• button-toggle: fix button toggle with 0 value not checked (#11292) (9a8cd4d)
• checkbox: disable animations when using NoopAnimationsModule (#11249) (93b5892), closes #11205
• checkbox: update MatCheckbox disabled setter to trigger change detection (#11098) (ce1b517)
• chips: stacked chips overflowing chip list (#11143) (d3c8cc5)
• datepicker: dateInput event being fired if the value hasn't changed (#10952) (a62cdb6)
• datepicker: don't autofocus calendar cell if used outside of overlay (#11049) (2897797)
• dialog: min-height and max-height not having an effect on dialog container (#11235) (a20dfd3)
• dialog,bottom-sheet: don't provide directionality if no direction is set (#11285) (cd37a54), closes #11262
• expansion-panel: inconsistent margin for nested panels (#11305) (1bf5c41), closes #11254
• focus-monitor: don't null-out focus until after event is finished with capture & bubble (#10721) (0b7572b)
• focus-monitor: reenter ngzone before emitting (#10549) (37193d8)
• form-field: error on IE11 when using outline appearance (#11108) (c9bd05c)
• icon: log full error message when icon set fails to load (#10915) (fbf06bb)
• icon: remove duplicate icon registry provider (#11214) (67a6aa1)
• nav-schematics: Subscribe to breakpoint observable (#11310) (d52acc9)
• ng-add: install added packages (#11163) (be08eb9)
• overlay: injection errors for scroll strategy providers in lazy-loaded modules (#11213) (0cda47c), closes #10820
• radio: disable animations when using NoopAnimationsModule (#11296) (af78b97)
• radio: update set disabled directly on MatRadioButton to trigger change detection (#11056) (860ce13)
• ripple: disable ripple animations when using NoopAnimationsModule (#11205) (9715928)
• sidenav: disable all sidenav animations when using NoopAnimationsModule (#11180) (03e749a)
• sidenav-demo: trigger event opened (#11225) (853b04c)
• snack-bar: snack bar not animating in if no positions are passed in (#11230) (f5377dd), closes #11197
• stepper: error being thrown if selected step is accessed too early (#11186) (4638833), closes #11158
• stepper: handle keyboard interactions if direction changes after init (#11067) (116ee60)
• table: add missing constructors (#11252) (8e7dd80)
• tabs: handle long tab labels in mat-tab-nav-bar (#10903) (61dd937)
• tooltip: not handling direction changes after the first open (#11324) (abc3d38)
• add custom theme using string ref in angular.json (#11189) (33b5df4), closes #11188

Performance Improvements

• sidenav: avoid hitting zone continuously when using autosize option (#11231) (c936bc9), closes #11215

chocolate-reality

Bug Fixes

• autocomplete: panel blending in with background in high contrast mode (#11190) (23fca28)
• autosize: error thrown by IE in some cases when component is destroyed (#11109) (408134f)
• button: ripples not being clipped by button border radius (#11181) (a1d98a9), closes #11160
• checkbox: update MatCheckbox disabled setter to trigger change detection (#11098) (22baefc)
• datepicker: dateInput event being fired if the value hasn't changed (#10952) (f3d436d)
• dialog: min-height and max-height not having an effect on dialog container (#11235) (7ea3900)
• icon: remove duplicate icon registry provider (#11214) (c66d6a5)
• add custom theme using string ref in angular.json (#11189) (f0b1529), closes #11188
• ripple: disable ripple animations when using NoopAnimationsModule (#11205) (29d7330)
• sidenav: disable all sidenav animations when using NoopAnimationsModule (#11180) (0c7998c)
• stepper: error being thrown if selected step is accessed too early (#11186) (834c6f7), closes #11158
• stepper: handle keyboard interactions if direction changes after init (#11067) (b15b8be)
• table: add missing constructors (#11252) (f02bb05)
• tabs: handle long tab labels in mat-tab-nav-bar (#10903) (f5eda86)

Performance Improvements

• sidenav: avoid hitting zone continuously when using autosize option (#11231) (2764ea6), closes #11215

glass-spaceship

6.0.1 glass-spaceship (2018-05-07)

Bug Fixes

• chips: stacked chips overflowing chip list (#11143) (70ba46e)
• datepicker: don't autofocus calendar cell if used outside of overlay (#11049) (2a02ce2)
• focus-monitor: don't null-out focus until after event is finished with capture & bubble (#10721) (71ac0ae)
• focus-monitor: reenter ngzone before emitting (#10549) (8be7d4e)
• form-field: error on IE11 when using outline appearance (#11108) (3f87309)
• icon: log full error message when icon set fails to load (#10915) (f6af40c)
• ng-add: install added packages (#11163) (bf9d5bb)
• radio: update set disabled directly on MatRadioButton to trigger change detection (#11056) (a4597c9)

vibranium-vivarium

6.0.0 vibranium-vivarium (2018-05-03)

Highlights

• MatTree component is now available, @tinayuangao recently gave a talk at ng-conf about the new component
• <mat-table> and <cdk-table> now native <table> elements in addition to the existing display: flex based layout
• MatTable now supports having an optional footer row
• Schematics are now available for Angular Material, @jelbourn recently gave a talk at ng-conf about using schematics
• MatTabs content can now be lazy loaded
• MatBadge and MatBottomSheet components are now available
• @angular/cdk/overlay has a new positioning strategy available, FlexibleConnectedPositionStrategy, which intelligently handles sizing and positioning to ensure that overlay contents always remain on the screen
• MatIcon now allows SVG icons to be registered from strings
• @angular/cdk/keycodes now includes most keycodes you might need for building a web application
• 130+ bug fixes
• Docs for v5 are now available at v5.material.angular.io
• A version picker is available material.angular.io to switch between docs versions

Upgrading to Angular Material 6.0

With the Angular CLI v6.0+, you can use the ng update command to automatically migrate to the new APIs

ng update @angular/material

NOTE: There may be some cases where the tool may be unable to automatically migrate, but will notify you of those cases

Breaking Changes

• A number of APIs that were deprecated during beta have been removed, see here for complete list
• See ng update tooling above to automatically migrate to the new APIs

Bug Fixes

• autocomplete: panel direction not being updated if the trigger direction changes (#10916) (8c30cee)
• button-toggle: not usable in high contrast mode (#11097) (dd2f465)
• dialog: add generic parameter for the dialog result to open method (#11059) (bf1bdc0)
• form-field: inconsistent underline height at different DPIs (#11062) (0f7d503)
• form-field: scrollbars appear on autosize textarea in chrome (#10811) (385f96d)
• form-field,select: handle form field controls inside toolbar (#10627) (1a3993e)
• list: selection list always firing change event for selectAll and deselectAll (#11029) (54c0b00)
• menu: not updating panel direction after init (#11070) (294ba3c)
• menu: unable to open same sub-menu from different triggers and not picking up indirect descendant items (#10132) (5393bfe)
• overlay: error when rendering flexible overlay on the server (#11072) (422d102)
• paginator: handle negative pageSize and pageIndex correctly (#11068) (3f5e481)
• select: losing focus position when tabbing away after clicking inside multi select (#10905) (c6ad1f8)
• select: unable to toggle multi select option after using the mouse (#11061) (01d0993)
• sidenav: box shadow visible while closed when rendering on the server (#10969) (cfe6c1d)