Releases: angular/components
Releases · angular/components
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
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
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
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
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
MatTreecomponent 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 existingdisplay: flexbased layoutMatTablenow supports having an optional footer row- Schematics are now available for Angular Material, @jelbourn recently gave a talk at ng-conf about using schematics
MatTabscontent can now be lazy loadedMatBadgeandMatBottomSheetcomponents are now available@angular/cdk/overlayhas a new positioning strategy available,FlexibleConnectedPositionStrategy, which intelligently handles sizing and positioning to ensure that overlay contents always remain on the screenMatIconnow allows SVG icons to be registered from strings@angular/cdk/keycodesnow 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 updatetooling 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)
6.0.0-rc.14
Bug Fixes
- card: flat card selector not working (#11028) (b67813e), closes #11014
- ci: Shard tests on CI across 3 browsers (#11048) (a647579)
- overlay: always dispatch keyboard events to top overlay in OverlayKeyboardDispatcher (#10807) (d96fa07), closes #10799
- schematics: allow more tsconfig locations for ng update (#11058) (7bbc040)