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-family variable has been removed. Use the Material typography or redeclare in your project $mat-font-family: Roboto, 'Helvetica Neue', sans-serif;.
• datepicker: MatDatePicker now requires an animations module to be loaded
• datepicker: selectedChanged has been removed. Use dateChange or dateInput from MatDatepickerInput.
• button-toggle: selected is no longer an input and is now readonly.
• snack-bar: SHOW_ANIMATION has been removed.
• HIDE_ANIMATION has been removed.
• icon: The _document parameter in the MatIconRegistry constructor is now required.
• list: selectionChange on the MatListOption, which was deprecated in 5.0.0 has been removed. Use selectionChange on the MatSelectionList instead.
• MatListOptionChange which was deprecated in 5.0.0 has been removed.
• slider: thumb-label which was deprecated in 5.0.0 has been removed. Use thumbLabel instead.
• tick-interval which was deprecated in 5.0.0 has been removed. Use tickInterval instead.
• tooltip: tooltip-position which was deprecated in 5.0.0 has been removed. Use matTooltipPosition instead.
• The _defaultOptions parameter in the MatTooltip constructor 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: remove which was deprecated in 5.0.0 has been removed. Use removed instead.
• destroy which was deprecated in 5.0.0 has been removed. Use destroyed instead.
• text-field: The _ngZone parameter in the CdkTextareaAutosize constructor is now required.
• sidenav: The MatDrawerToggleResult class has been turned into an type.
• The promise returned from open, close and toggle now resolves with the MatDrawerToggleResult type rather than the class.
• align which was deprecated in 5.0.0 has been removed. Use position instead.
• open which was deprecated in 5.0.0 has been removed. Use opened instead.
• close which was deprecated in 5.0.0 has been removed. Use closed instead.
• align-changed which was deprecated in 5.0.0 has been removed. Use positionChanged.
• 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: ConnectedOverlayDirective which was deprecated in 5.0.0 has been removed. Use CdkConnectedOverlay instead.
• OverlayOrigin which was deprecated in 5.0.0 has been removed. Use CdkOverlayOrigin instead.
• hasBackdrop which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayHasBackdrop instead.
• open which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayOpen instead.
• scrollStrategy which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayScrollStrategy instead.
• backdropClass which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayBackdropClass instead.
• minHeight which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayMinHeight instead.
• minWidth which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayMinWidth instead.
• height which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayHeight instead.
• width which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayWidth instead.
• offsetX which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayOffsetX instead.
• offsetY which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayOffsetY instead.
• positions which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayPositions instead.
• origin which was deprecated in 5.0.0 has been removed. Use cdkConnectedOverlayOrigin instead.
• tabs: mat-dynamic-height which was deprecated in 5.0.0 has been removed. Use dynamicHeight instead.
• selectChange which was deprecated in 5.0.0 has been removed. Use selectedTabChange.
• checkbox: align which was deprecated in 5.0.0 has been removed. Use labelPosition instead. 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 renderer parameter in FocusMonitor.monitor has been removed.
• cdk-focus-trap which was deprecated in 5.0.0 has been removed. Use cdkTrapFocus instead.
• autocomplete: The defaults parameter in the MatAutocomplete constructor 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.
• FloatPlaceholderType which was deprecated in 5.0.0 has been removed. Use FloatLabelType instead.
• PlaceholderOptions which was deprecated in 5.0.0 has been removed. Use LabelOptions instead.
• MAT_PLACEHOLDER_GLOBAL_OPTIONS which was deprecated in 5.0.0 has been removed. Use MAT_LABEL_GLOBAL_OPTIONS instead.
• snack-bar: extraClasses which was deprecated in 5.0.0 has been removed. Use panelClass instead.
• portal: The portalHost and cdkPortalHost inputs which were deprecated in 5.0.0 have been removed. Use cdkPortalOutlet instead.

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/cdk with 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 optionSelections being 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...

silk-xylophone

Bug Fixes

• autocomplete: close panel using alt + up arrow (#9341) (a1ad82b)
• autocomplete: error when closing from a destroyed view (#7365) (00820f7), closes #7315
• autocomplete: handle optionSelections being accessed early (#8802) (ec6168b), closes #4616
• autocomplete: prevent opening using arrow keys on readonly input (#9229) (f3b50b0), closes #9227
• button: accent color not set on fab buttons with build optimizer (#9376) (f6a59cd), closes #9360
• button: incorrect text color when no color is passed in on dark theme (#9234) (0615f1a), closes #9231
• button-toggle: inaccurate name passed down to input if no name is assigned (#9017) (fda978a)
• card: add camel-cased selectors to content projection (#6818) (6e4f90f), closes #6816
• card,tabs,toolbar: Make media query breakpoints follow Material spec (#9284) (d6b3cc8)
• checkbox: underlying native checkbox being rendered when parent uses css column layout (#9258) (58b665e), closes #9049
• datepicker: calendar controls not being inverted in rtl (#9219) (af38b97)
• datepicker: calendar keyboard controls not working if the user clicks on blank area (#9494) (7cea0b6)
• datepicker: highlight datepicker toggle when calendar is open (#9426) (37d8716)
• datepicker: set border radius on calendar popup (#9509) (3f87dc4)
• expansion-panel: improved accessibility labelling and keyboard default action not being prevented (#9174) (444cee8)
• focus-monitor: implement OnDestroy logic (#9305) (e6cdce5)
• grid-list: tile being pulled outside the grid if no gap can be found (#9128) (5535325), closes #4515
• input: floating label not reacting when patching the value without emitting an event (#9260) (4a00499), closes #8982
• interactivity-checker: carefully handle frame elements (#9340) (305a81c), closes #3372
• keycodes: incorrect key code for nine (#9568) (b489559), closes #9567
• list: incorrect padding for list-items with avatars, icons (#9500) (db520cf), closes #9156
• menu: inconsistent side padding for nested menu items in RTL (#9124) (53d48f6)
• menu: set appropriate origin when restoring focus (#9303) (2bf9ad8), closes #9292
• native-date-adapter: avoid error when formatting edge case dates in IE11 and Edge (#9523) (d25ab57)
• overlay: default options not being applied correctly (#9088) (6f8f226)
• overlay: server-side rendering error when creating backdrop element (#9448) (5c98185)
• overlay: transparent overlay not blocking scroll on Firefox 57 (#9446) (e2999a8), closes #8924
• progress-spinner: element size not updated when diamater is changed (#8697) (23f0c47)
• select: close panel on alt + arrow key presses (#9250) (c3ec94d)
• select: don't restore focus unless an option was selected (#8964) (960b7cf), closes #8915
• select: handle async changes to the option label (#9159) (63a5184), closes #7923
• select: handle keyboard events from inside panel (#9361) (0d233b2)
• select: support changing the value using left/right arrow keys while closed (#9578) (b11523a)
• selection-model: incorrect initial value when empty array is passed in single-selection mode (#9287) (5d0fb95), closes #9273
• slide-toggle: truncate label content with ellipsis (#9166) (4bd96ce), closes #5212
• stepper: header collapsing if box-sizing is set (#9505) (ccc8fbb), closes #9501
• stepper: unable to skip optional steps in linear stepper (#9245) (517ea57), closes #9239
• tab-link: preventDefault action when disabled tab link is clicked. (#9357) (0b5806b)
• theming: provide text color through mat-app-background (#9262) (6d66a16)
• overlay: make it easier to override backdrop color (#9114) (4ff1fd4), closes #7855