Releases: angular/components
Releases · angular/components
6.0.0-rc.0
Known issues
- MatButtonToggleGroup causes ExpressionChangedAfterItHasBeenCheckedError (#10607)
- focus-trap: wrong element being checked when logging deprecation warning (#10578)
Bug Fixes
- bottom-sheet: handle overflowing content (#10533) (cb6d469)
- datepicker: add back MAT_DATE_LOCALE_PROVIDER (#10602) (7fd7ad3)
- datepicker: incorrect icon color (#10458) (4e298a6)
- datepicker: set canPush to false for position strategy (#10609) (67c7348)
- drawer: better handling of high contrast mode (#10418) (ff2860f)
- input: inaccurate textarea check during server-side render (#10467) (dda1d04)
- overlay: CdkConnectedOverlay ignoring offset from position config (#10451) (1659004)
- select: MatOption state change stream not being completed (#10540) (b8bb62f)
- slider: unable to slide to max value under certain conditions (#10364) (d50fd3d), closes #10148
- sort: add aria-sort to host when sorted (#6891) (63f713f)
- tree: fix the MatTreeNodeOutlet not exported issue (#10581) (0b8240c)
- tree: improve nested tree node & fix nested tree control (#10454) (2ddc257)
Features
- cdk/keycodes: add 0 and 9 numerical keypad codes (#10562) (d5cd0d6)
- stepper: allow number icon to be customized and expose template context variables (#10516) (946fd84), closes #10513
- tabs: Allow tab ink bar positioning to be determined with a provided method. (#9972) (02f5256)
- tooltip: allow for position to be updated while open (#10362) (04045d2)
6.0.0-beta.5
This release contains many breaking changes due to the deletion of deprecated targets. We are
currently working on a tool that will help migrate your app if you are affected by these changes.
We expect to have the tool ready when we release version 6.0.0.
BREAKING CHANGES
- typography: The
$mat-font-familyvariable has been removed. Use the Material typography or redeclare in your project$mat-font-family: Roboto, 'Helvetica Neue', sans-serif;. - datepicker:
MatDatePickernow requires an animations module to be loaded - datepicker:
selectedChangedhas been removed. UsedateChangeordateInputfromMatDatepickerInput. - button-toggle:
selectedis no longer an input and is now readonly. - snack-bar:
SHOW_ANIMATIONhas been removed. HIDE_ANIMATIONhas been removed.- icon: The
_documentparameter in theMatIconRegistryconstructor is now required. - list:
selectionChangeon theMatListOption, which was deprecated in 5.0.0 has been removed. UseselectionChangeon theMatSelectionListinstead. MatListOptionChangewhich was deprecated in 5.0.0 has been removed.- slider:
thumb-labelwhich was deprecated in 5.0.0 has been removed. UsethumbLabelinstead. tick-intervalwhich was deprecated in 5.0.0 has been removed. UsetickIntervalinstead.- tooltip:
tooltip-positionwhich was deprecated in 5.0.0 has been removed. UsematTooltipPositioninstead. - The
_defaultOptionsparameter in theMatTooltipconstructor is now required. - select:
onOpen, which was deprecated in 5.0.0, has been removed. onClose, which was deprecated in 5.0.0, has been removed.change, which was deprecated in 5.0.0, has been removed.- chips:
removewhich was deprecated in 5.0.0 has been removed. Useremovedinstead. destroywhich was deprecated in 5.0.0 has been removed. Usedestroyedinstead.- text-field: The
_ngZoneparameter in theCdkTextareaAutosizeconstructor is now required. - sidenav: The
MatDrawerToggleResultclass has been turned into an type. - The promise returned from
open,closeandtogglenow resolves with theMatDrawerToggleResulttype rather than the class. alignwhich was deprecated in 5.0.0 has been removed. Usepositioninstead.openwhich was deprecated in 5.0.0 has been removed. Useopenedinstead.closewhich was deprecated in 5.0.0 has been removed. Useclosedinstead.align-changedwhich was deprecated in 5.0.0 has been removed. UsepositionChanged.- form-field: - dividerColor which was deprecated in 5.0.0 has been removed. Use color instead.
- floatPlaceholder which was deprecated in 5.0.0 has been removed. Use floatLabel instead.
- overlay:
ConnectedOverlayDirectivewhich was deprecated in 5.0.0 has been removed. UseCdkConnectedOverlayinstead. OverlayOriginwhich was deprecated in 5.0.0 has been removed. UseCdkOverlayOrigininstead.hasBackdropwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayHasBackdropinstead.openwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOpeninstead.scrollStrategywhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayScrollStrategyinstead.backdropClasswhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayBackdropClassinstead.minHeightwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayMinHeightinstead.minWidthwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayMinWidthinstead.heightwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayHeightinstead.widthwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayWidthinstead.offsetXwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOffsetXinstead.offsetYwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOffsetYinstead.positionswhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayPositionsinstead.originwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOrigininstead.- tabs:
mat-dynamic-heightwhich was deprecated in 5.0.0 has been removed. UsedynamicHeightinstead. selectChangewhich was deprecated in 5.0.0 has been removed. UseselectedTabChange.- checkbox:
alignwhich was deprecated in 5.0.0 has been removed. UselabelPositioninstead. Note that the values are different. - form-field: - The following deprecated CSS classes have been removed:
- mat-input-container instead use mat-form-field
- mat-input-invalid instead use mat-form-field-invalid
- mat-input-wrapper instead use mat-form-field-wrapper
- mat-input-flex instead use mat-form-field-flex
- mat-input-prefix instead use mat-form-field-prefix
- mat-input-infix instead use mat-form-field-infix
- mat-input-placeholder-wrapper instead use mat-form-field-label-wrapper
- mat-input-placeholder instead use mat-form-field-label
- mat-input-suffix instead use mat-form-field-suffix
- mat-input-underline instead use mat-form-field-underline
- mat-input-ripple instead use mat-form-field-ripple
- mat-input-subscript-wrapper instead use mat-form-field-subscript-wrapper
- mat-input-hint-wrapper instead use mat-form-field-hint-wrapper
- mat-input-hint-spacer instead use mat-form-field-hint-spacer
- mat-form-field-placeholder-wrapper instead use mat-form-field-label-wrapper
- mat-form-field-placeholder instead use mat-form-field-label
- a11y: The
rendererparameter inFocusMonitor.monitorhas been removed. cdk-focus-trapwhich was deprecated in 5.0.0 has been removed. UsecdkTrapFocusinstead.- autocomplete: The
defaultsparameter in theMatAutocompleteconstructor is now required. - form-field: MatFormFieldControl.shouldPlaceholderFloat which was deprecated in 5.0.0 has been removed. * MatFormFieldControl.shouldLabelFloat is no longer optional and should be used instead.
FloatPlaceholderTypewhich was deprecated in 5.0.0 has been removed. UseFloatLabelTypeinstead.PlaceholderOptionswhich was deprecated in 5.0.0 has been removed. UseLabelOptionsinstead.MAT_PLACEHOLDER_GLOBAL_OPTIONSwhich was deprecated in 5.0.0 has been removed. UseMAT_LABEL_GLOBAL_OPTIONSinstead.- snack-bar:
extraClasseswhich was deprecated in 5.0.0 has been removed. UsepanelClassinstead. - portal: The
portalHostandcdkPortalHostinputs which were deprecated in 5.0.0 have been removed. UsecdkPortalOutletinstead.
Features
- button-toggle: general component cleanup and support value input in multiple mode (#9191) (a403bac), closes #2773 #2773 #9058
- cdk: switch injectables to new scope API (#10301) (6405da9)
- cdk-input: move input autofill and autosize utils into cdk (#9831) (ced9c90)
- chips: allow for separatorKeyCodes to be configured globally (#10264) (3c8a498), closes #10256
- datepicker: add animation to calendar popup (#8999) (c42549e)
- datepicker: Add Custom Header to DatePicker (#9639) (4e1bb26)
- form-field: allow setting default appearance via provider (#9815) (158b1db)
- icon: add input for inline styling of icons (#9984) (be1fc08)
- icon: add utility to mirror icons in RTL (#10327) (11a3fe1), closes #10045
- material: use scoped injectables (#10507) (f7b5d34)
- overlay: add support for flexible connected positioning (#9153) (27e5f6e), closes #6534 #2725 #5267
- schematics: dashboard schematic (#10011) (6273d6a)
- schematics: navigation schematic (#10009) (279c112)
- schematics: table schematic (#10012) (e7533a5)
- tabs: support stretched tabs in mat-tab-nav-bar (#10368) (89ea485), closes [#8871](...
6.0.0-beta-4
Highlights
- New tree component! The base behavior lives in
@angular/cdkwith Material Design flavors in
@angular/material.
Bug Fixes
- button: hide overflow of buttons to prevent overflow of hover/ripple (#9424) (915a2b7)
- avoid layout jumping on elements with ripples in RTL (#10026) (900716a)
- chips: Update chips in chip list, and add margin to chip input (#8579) (67e710c)
- datepicker: improve native adapter DST handling (#10068) (2fad732)
- dialog: actions not being pulled down when trapping focus (#10007) (8a402d0), closes #9722
- dialog: don't provide directionality if user injector has one already (#10004) (e3d7aec)
- expansion-panel: entire body content being shown on animation start (#10138) (b4b76bd), closes #10134
- grid-list: default to LTR when Directionality value is empty (#10111) (64ef3a8)
- grid-list: invalid style declaration during server-side rendering (#10131) (a27d9df)
- list: align avatar size in dense list with spec (#10028) (d4a4f61), closes #10019
- list-key-manager: not ignoring vertical key events in horizontal-only mode (#10075) (ffbb425)
- menu: detach lazily-rendered content when the menu is closed (#10005) (bb1803d), closes #9915
- overlay: hide overlay container when there are no attached overlays (#10139) (4b528f6), closes #6882 #10033
- paginator: first/last icons being thrown off on IE and Edge; simplify icon setup (#9776) (dd082cb)
- select: animation jumping on IE11 (#10050) (a5909db)
- selection-list: improve accessibility of selection list (#10137) (51fce51), closes #9995
- selection-list: repeated preselected items not appearing as selected with OnPush parent (#10100) (cdd224a), closes #10090
- tree: fix type error in tree (#10095) (6d94aec)
Features
- list-key-manager: accept item references in setActiveItem (#10029) (92ed9c8)
- menu: allow for backdrop class to be customized (#10097) (2ece035), closes #10062
- menu: allow for backdrop to be disabled (#10070) (e42f0bc), closes #9938
- snack-bar: add injection token for overriding the default options (#9849) (a943b36), closes #9821
- stepper: require users to visit non-optional steps (#10048) (77c8d8f)
- tree: merge tree branch to master (#9796) (c975ca8)
ash-submarine
Bug Fixes
- chips: Update chips in chip list, and add margin to chip input (#8579) (3074b45)
- expansion-panel: entire body content being shown on animation start (#10138) (35b66f9), closes #10134
- menu: detach lazily-rendered content when the menu is closed (#10005) (37b1a09), closes #9915
- menu: Fix #10005 lint error (c8ca770)
- overlay: hide overlay container when there are no attached overlays (#10139) (d0bc91d), closes #6882 #10033
- paginator: first/last icons being thrown off on IE and Edge; simplify icon setup (#9776) (85f9491)
- selection-list: improve accessibility of selection list (#10137) (cbe11d4), closes #9995
diamond-silhouette
Bug Fixes
- cdk-dialog: decorate dialog as an injectable (#10052) (07b4250)
- datepicker: improve native adapter DST handling (#10068) (2837196)
- avoid layout jumping on elements with ripples in RTL (#10026) (c93103b)
- dialog: actions not being pulled down when trapping focus (#10007) (9a39e24), closes #9722
- dialog: don't provide directionality if user injector has one already (#10004) (6ec0af1)
- grid-list: default to LTR when Directionality value is empty (#10111) (65810bc)
- grid-list: invalid style declaration during server-side rendering (#10131) (1576a99)
- list: align avatar size in dense list with spec (#10028) (7d81b6f), closes #10019
- list-key-manager: not ignoring vertical key events in horizontal-only mode (#10075) (f31a2f1)
- selection-list: repeated preselected items not appearing as selected with OnPush parent (#10100) (f93d0f4), closes #10090
- stepper: require users to visit non-optional steps (#10048) (d26aa6e)
6.0.0-beta.2
Bug Fixes
- badge: AoT and server-side rendering errors (#9935) (06b4017)
- badge: hard to see in high contrast mode (#9973) (1b2f90c)
- badge: incorrectly setting aria-describedby (#9957) (aed7e8a)
- badge: move styles into the theme mixin (#9999) (00a6c90)
- badge: remove top-level ampersand selectors from theme mixin (#9991) (bd7a408), closes #9990
- bottom-sheet: inject correct directionality in child components (#9996) (9d784a0)
- button: inconsistent overflow value between browsers (#9933) (9d19291)
- chips: Fix chip and chip list selectable (#9955) (949a69b)
- expansion-panel,menu,select: nested animations not working (#9134) (1e2b79a), closes #8814 #8953
- input: AutofillMonitor stream not being completed when stopping monitoring (#9886) (87bbfc5)
- overlay: default to global directionality (#9994) (47674f1), closes #9817
- tooltip: memory leak in _setTooltipMessage (#6782) (66a01fb)
Features
- button-toggle add ripples to button-toggle (#9891) (53417d4), closes #9442
- autocomplete: add opened/closed events to panel (#9904) (82c5ff0), closes #9894
- badge: add badge component (#7483) (c98d217)
- bottom-sheet: add result param when dismissing bottom sheet (#9810) (98a6910)
- datepicker: add theming support (#9407) (0383704)
- drawer: allow for backdrop to be disabled (#9381) (6d4e052), closes #5300
- schematics: add material scaffolding schematic (#9883) (45399c6)
- typography: add letter-spacing configuration to typography configs. (#9932) (f30609c)
5.2.2 cork-yacht
Bug Fixes
- aria-describer: better handling of non-string values (#9959) (d351e33)
- list: list-options require a parent selection list (#9899) (8cca2c2)
- list-key-manager: infinite loop if all items are disabled (#9981) (775f560)
- menu: not picking up indirect descendant items (#9971) (14b21e9), closes #9969
- overlay: expose backdropClick mouse event in ConnectedOverlayDirective (#9845) (5a1e7fe)
- platform: potential error if CSS object is undefined (#9968) (3212111), closes #9801
- select: icons inside option not centered (#9982) (ecc7f53), closes #9978
- select: lock dropdown position when scrolling (#9789) (30b90a2)
- selection-list: incorrect cursor if disabled (#9963) (13e809a), closes #9952
- tabs: ink bar not visible in high contrast mode (#9997) (1ba04eb)
- theming: add aliases for alternate spelling of "grey" (#9903) (36e1bc0)
- viewport-ruler: fix server-side rendering errors when attempting to measure the viewport (#9870) (ac4cd91)
6.0.0-beta-0
Bug Fixes
- overlay: validate that ConnectedPositionStrategy positions are passed in correctly at runtime (#9466) (6a8ce02)
Features
- add bottom sheet component (#9764) (bbf62cd)
- datepicker: @output for year and month selected in multiyear/year (#9678) (c2e108e)
- expansion: add accordion expand/collapse all (#6929) (#7461) (3aceb73)
- form-field, chip: merge new form-field and chip features to master (#9762) (4a5287c), closes #9743 #9759 #9767
- schematics: add initial schematics utils (#9451) (673d56e)
- tabs: add ability to lazy load tab content (#8921) (6feaf62)
ghillie-soup
Bug Fixes
- autocomplete: escape key inconsistency on IE (#9777) (180750e)
- button: better accessibility for flat buttons in high-contrast (#9783) (0d0c6d4)
- datepicker: add max/min filter to multi year and year views (#9727) (0793142)
- datepicker: changed after checked error if focused datepicker inputs turn disabled (#9717) (01ad7bd), closes #9559
- global-position-strategy: ignoring width and height from OverlayConfig (#9774) (b425a46), closes #9715
- overlay: dimension not updated after init (#8765) (c36b512)
- select: options inside option group not being rendered when wrapped with ng-container (#9769) (38fddfe), closes #9736
- selection-list: external changes to selection model not being reflected (#9846) (82df181), closes #9838
- slider: invisible in high contrast mode (#9792) (94bbffc)
- slider: unable to reset value by setting it back to undefined (#9768) (c2e2744), closes #9740
- radio: add aria-describedby passthrough to radio button input (#9741) (cd159f5)
selenium-scramble
Features
- autocomplete: add the ability to highlight the first option on open (#9495) (b42fcb9), closes #8423
- button: create stroked and flat button variants (#9365) (b652683)
- button: expose ripple instance (#9170) (17e36fe), closes #4179
- checkbox: expose ripple instance (#9176) (e09c0a6)
- datepicker: allow for mat-datepicker-toggle icon to be customized (#9487) (01867ad)
- dialog: support using dialog content directives with template dialogs (#9379) (99b768e), closes #5412
- drawer: expose CdkScrollable instance (#9183) (2d03af0), closes #9136
- expansion-panel: support two-way binding for the expanded property (#9327) (a72085b), closes #9311
- layout: add window breakpoints from spec (#9318) (1038950)
- list-key-manager: add support for horizontal directions (#9122) (ab02367)
- menu: support lazy rendering and passing in context data (#9271) (9fed87c), closes #9251
- observe-content: allow for the MutationObserver to be disabled (#9025) (aa2e76c)
- overlay: expose reference to the backdrop element (#9702) (959a8a1), closes #9689
- overlay: make it easier to override backdrop color (#9114) (3d18006), closes #7855
- paginator: Add functionality to jump to first and last page (#9603) (04cdb13), closes #9278
- paginator: allow page size selection to be disabled (#8373) (c8743e7), closes #8359
- portal: expose attached result in CdkPortalOutlet (#9326) (b626b13), closes #9304
- ripple: support animation duration overwrites (#9253) (3bc4cd3)
- ripple: support ripple fade-out on pointer up (#9694) (efb03c9), closes #9577
- slider: add focus and blur methods do MatSlider (#9373) (2d592a5)
- sort: fix animation; show on hover (#7608) (cde00df)
- stepper: add proper type to stepper buttons (#9401) (b3d2e78)
- stepper: add the ability to reset a stepper (#8623) (a6f9fc2)
- stepper: allow for header icons to be customized (#7482) (adc251c), closes #7384
- table: allow data input to be array, stream (#9489) (085d805)
Bug Fixes
- aria-describer: exception when attempting to describe a non-element node (#9392) (4c7a4f3)
- autocomplete: close panel using alt + up arrow (#9341) (2c192d0)
- autocomplete: error when closing from a destroyed view (#7365) (2b05106), closes #7315
- autocomplete: expose MatAutocompleteTrigger in template (#9703) (8997db0), closes #9687
- autocomplete: handle
optionSelectionsbeing accessed early (#8802) (4e1a6a8), closes #4616 - autocomplete: handle attaching autocomplete to a number input (#9672) (f75fa15), closes #9628
- autocomplete: panel not closing on IE when selecting an option with an empty string display value (#9506) (95ffe37), closes #9479
- autocomplete: prevent opening using arrow keys on readonly input (#9229) (9d152c0), closes #9227
- block-scroll-strategy: server-side rendering error (#9665) (3acbf26)
- button: accent color not set on fab buttons with build optimizer (#9376) (b3f8a42), closes #9360
- button: incorrect text color when no color is passed in on dark theme (#9234) (6824375), closes #9231
- button-toggle: inaccurate name passed down to input if no name is assigned (#9017) (54d60df)
- card: add camel-cased selectors to content projection (#6818) (d5a7cce), closes #6816
- card,tabs,toolbar: Make media query breakpoints follow Material spec (#9284) (7672913)
- checkbox: underlying native checkbox being rendered when parent uses css column layout (#9258) (eac1512), closes #9049
- chips: chip list capturing keyboard events from input (#9651) (a48f75b)
- collections: clean up UniqueSelectionDispatcher listeners on destroy (#9673) (26b0635)
- datepicker: calendar controls not being inverted in rtl (#9219) (8a3e023)
- datepicker: calendar keyboard controls not working if the user clicks on blank area (#9494) (0b8955b)
- datepicker: gray out filtered years in multi-year view (#9563) ([4...