Releases: angular/components
Releases · angular/components
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
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 existingdisplay: flex
based layoutMatTable
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 loadedMatBadge
andMatBottomSheet
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 screenMatIcon
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)
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)
6.0.0-rc.12
Bug Fixes
- breakpoint-observer: split comma separated queries into separte queries (#10789) (7c1549a)
- datepicker: high contrast accessibility improvements (#10363) (4d23b08)
- datepicker: update popup direction if datepicker direction changes (#10871) (4cc72b8)
- directionality: complete change event on destroy (#10826) (b057391)
- form-field: incorrect label position for outline style in prod mode (#10803) (7484321)
- menu: svg icons not aligned inside menu item (#10837) (2af9c35), closes #10832
- schematics: correct path to ng-update entry-point (#10850) (6a82c65)
- schematics: ignore e2e projects w/
ng add
(#10883) (5554506) - schematics: make v6 migration work (#10853) (c9f5be6)
- scrolling: complete ScrollDispatcher.scrolled on destroy (#10794) (41be069)
- select: open method triggered twice on click (#7619) (991daac)
- selection-list: toggle newly-focused item when pressing arrow key + shift (#10828) (975fe7e)
- stepper: not resetting to first step when some of the steps aren't editable (#10804) (5df8d01), closes #10801
- table: Allow any iterable to be used as for
columns
in headerrow and row defs (#10822) (92e5f55) - tree: make toggle non-recursive by default (#10879) (5920bc3)
- stepper: add animationDone event (#10752) (358a12d), closes #9087
cardboard-kangaroo
Highlights
- Tweak peer deps to avoid warnings when updating Angular to 6.0
6.0.0-rc.5
Bug Fixes
- schematics: move ng-update under correct location (d98fb35)