Skip to content

Tags: neilhem/components

Tags

8.0.0

* **ng-update:** do not always use double quotes for generated import…

…s ([angular#16131](angular#16131)) ([a3856c7](angular@a3856c7)), closes [/github.com/microsoft/TypeScript/blob/6a559e37ee0d660fcc94f086a34370e79e94b17a/src/compiler/emitter.ts#L3796-L3797](https://github.com//github.com/microsoft/TypeScript/blob/6a559e37ee0d660fcc94f086a34370e79e94b17a/src/compiler/emitter.ts/issues/L3796-L3797) [angular#14532](angular#14532)

Importing directly from the root `@angular/material` entry-point is deprecated. You should instead
import from specific entry-points, e.g. `@angular/material/button`. This aligns with `@angular/cdk`,
makes clear where symbols originate, and helps safeguard against including unused code. The
deprecated style will be removed in Angular v9.

Angular CLI users can use `ng update @angular/material` to automatically migrate imports to the new
style.

* **tabs:** `_ngZone` and `_platform` parameters in `MatTabHeader` constructor are now required.
* **tabs:** `changeDetectorRef` parameter in `MatTabBody` constructor is now required.
* **expansion:** The `_document` and `_animationMode` parameters are now required.
* **list:** `_elementRef` parameter in `MatList` constructor is now required.
* **list:** `_changeDetectorRef` parameter in `MatListItem` constructor is now required. Also the order of constructor parameters has changed.
* **progress-spinner:** The `animationMode` mode parameter is now required in the `MatProgressSpinner` and `MatSpinner` constructors.
* **progress-spinner:** The `_elementRef` parameter has changed from `ElementRef<any>` to `ElementRef<HTMLElement>` in the `MatProgressSpinner` and `MatSpinner` constructors.
* **button:** `_platform` parameter has been removed from the `MatButton` constructor and the `_animationMode` is now required.
* **button:** `platform` parameter has been removed from the `MatAnchor` constructor and the `animationMode` is now required.
* **button**: The `disabled` hosting binding for `MatButton` has changed from a property to an attribute, which
affects any tests using `DebugElement.attributes`.
* **badge:** `_document` parameter has been removed and the `_renderer` parameter is now required in the `MatBadge` constructor.

8.0.0-rc.2

* **badge:** throw proper error when set on a non-element node ([bdc6811

](angular@bdc6811))

* **button:** ripples not being clipped to border radius on safari ([angular#13645](angular#13645)) ([6643735](angular@6643735))
* **checkbox:** incorrect ripple color when unchecked ([angular#13569](angular#13569)) ([b4a9c62](angular@b4a9c62))
* **chips:** able to remove disabled chip via remove button ([angular#15732](angular#15732)) ([20a0930](angular@20a0930)), closes [angular#15708](angular#15708)
* **chips:** chip-list doesn't pick up wrapped chips with ivy ([7f12235](angular@7f12235))
* **datepicker:** use narrower value for aria-haspopup ([angular#15666](angular#15666)) ([0c62798](angular@0c62798))
* **ng-update:** type imports not migrated to secondary entry-points ([angular#16108](angular#16108)) ([dc51691](angular@dc51691))
* **popover-edit (experimental):** rework host listeners to account for changes in Ivy ([angular#16060](angular#16060)) ([558295b](angular@558295b))
* **popover-edit (experimental):** incorrect template root note retrieved in ivy ([5bf0487](angular@5bf0487))
* **schematics:** avoid lint warning in code generated by nav schematic ([angular#16088](angular#16088)) ([6c7fd30](angular@6c7fd30)), closes [angular#16085](angular#16085)
* **slide-toggle:** focus ripple not hiding after click/touch ([angular#13562](angular#13562)) ([917a52e](angular@917a52e)), closes [angular#13295](angular#13295)
* **table:** better error message if text column is missing a name ([254fb49](angular@254fb49))
* **table:** error in Ivy for coerced multiTemplateDataRows ([angular#16047](angular#16047)) ([5259f22](angular@5259f22)), closes [angular#16044](angular#16044)
* **table:** schematic generates code that throws an exception ([angular#15800](angular#15800)) ([301371a](angular@301371a)), closes [angular#15788](angular#15788)
* **table:** text-column throws if name input is set eagerly with ivy ([e774692](angular@e774692))

8.0.0-rc.1

* **checkbox:** don't show hover ripples on touch devices ([angular#1…

…3700](angular#13700)) ([43b4fec](angular@43b4fec)), closes [angular#13675](angular#13675)

* **drag-drop:** allow for element in DropListRef to be changed ([angular#15091](angular#15091)) ([e630bd6](angular@e630bd6)), closes [angular#15086](angular#15086)
* **drag-drop:** don't allow user to move item into container that isn't connected to current one by passing it over an intermediate one that is ([angular#15660](angular#15660)) ([1ac9386](angular@1ac9386)), closes [angular#15191](angular#15191)
* **drag-drop:** error if item is removed while dragging ([angular#15950](angular#15950)) ([a632067](angular@a632067)), closes [angular#15827](angular#15827)
* **drag-drop:** preview element not maintaining canvas data ([angular#15808](angular#15808)) ([31e72a7](angular@31e72a7)), closes [angular#15685](angular#15685)
* **list:** form control cleared when list is destroyed ([angular#16005](angular#16005)) ([40b335c](angular@40b335c)), closes [angular#15994](angular#15994)
* **menu:** prevent menu from collapsing to less than one item ([angular#15454](angular#15454)) ([941a0d9](angular@941a0d9))
* **overlay:** add panelClass from position to the overlay ([angular#15853](angular#15853)) ([00226f0](angular@00226f0))
* **overlay:** allow overlay sass variables to be overwritten ([angular#15507](angular#15507)) ([b1c10d1](angular@b1c10d1)), closes [angular#15467](angular#15467)
* **popover-edit:** direction not being passed to overlay ([angular#15951](angular#15951)) ([7774ae1](angular@7774ae1))
* **portal:** correct return type of TemplatePortal.attach ([angular#14602](angular#14602)) ([70bc4d5](angular@70bc4d5)), closes [angular#14584](angular#14584)
* **scrolling:** virtual scroll not disconnecting from data source on destroy ([angular#15856](angular#15856)) ([8494f03](angular@8494f03)), closes [angular#15855](angular#15855)
* **select:** optionSelectionChanges not emitting when the list of options changes ([angular#14814](angular#14814)) ([f6cd86e](angular@f6cd86e))

* **autocomplete:** add input to control position ([angular#15834](angular#15834)) ([5aaca54](angular@5aaca54)), closes [angular#15640](angular#15640)
* **drag-drop:** allow element to be passed in as the boundary ([angular#15810](angular#15810)) ([399f25e](angular@399f25e)), closes [angular#15766](angular#15766)
* **radio:** support theme color on mat-radio-group ([angular#15741](angular#15741)) ([6c03e2f](angular@6c03e2f)), closes [angular#15701](angular#15701)

8.0.0-rc.0

* The repo name has changed from `angular/material2` to `angular/comp…

…onents`

* All files under `src/lib` have been moved under `src/material`

* **autocomplete:** make template ViewChild query `static: true` ([angular#15877](angular#15877)) ([388baa2](angular@388baa2))
* **drag-drop:** not reacting to changes in the cdkDragFreeDragPosition ([angular#15805](angular#15805)) ([021b85a](angular@021b85a)), closes [angular#15765](angular#15765)
* **stepper:** Fix visual flake in focusing stepper header ([angular#15870](angular#15870)) ([8b5c0f1](angular@8b5c0f1))

* **table:** add text column for simple columns ([angular#14841](angular#14841)) ([cf76707](angular@cf76707))

8.0.0-beta.2

**Imminent Important Import Deprecation**:

Importing directly from the root `@angular/material` entry-point is deprecated. You should instead
import from specific entry-points, e.g. `@angular/material/button`. This aligns with `@angular/cdk`,
makes clear where symbols originate, and helps safeguard against including unused code. The
deprecated style will be removed in Angular v9.

Angular CLI users can use `ng update @angular/material` to automatically migrate imports to the new
style.

* **tabs:** `_ngZone` and `_platform` parameters in `MatTabHeader` constructor are now required.
* **tabs:** `changeDetectorRef` parameter in `MatTabBody` constructor is now required.
* **expansion:** The `_document` and `_animationMode` parameters are now required.
* **list:** `_elementRef` parameter in `MatList` constructor is now required.
* **list:** `_changeDetectorRef` parameter in `MatListItem` constructor is now required. Also the order of constructor parameters has changed.
* **progress-spinner:** The `animationMode` mode parameter is now required in the `MatProgressSpinner` and `MatSpinner` constructors.
* **progress-spinner:** The `_elementRef` parameter has changed from `ElementRef<any>` to `ElementRef<HTMLElement>` in the `MatProgressSpinner` and `MatSpinner` constructors.
* **button:** `_platform` parameter has been removed from the `MatButton` constructor and the `_animationMode` is now required.
* **button:** `platform` parameter has been removed from the `MatAnchor` constructor and the `animationMode` is now required.
* **badge:** `_document` parameter has been removed and the `_renderer` parameter is now required in the `MatBadge` constructor.

8.0.0-beta.1

* run v8 migration schematics for v8 beta and rc releases ([angular#1…

…5753](angular#15753)) ([bb5d544](angular@bb5d544))

8.0.0-beta.0

* `@angular/material` now has an explicit peer dependency on `@angula…

…r/forms`.

It was always required, but is now correctly listed in the `package.json`.

* **a11y:** don't set aria description if it's the same as the node's aria-label ([angular#15250](angular#15250)) ([1bc8bc4](angular@1bc8bc4)), closes [angular#15048](angular#15048)
* **autocomplete:** remove old classes when classlist has changed ([angular#15185](angular#15185)) ([413fe33](angular@413fe33)), closes [angular#15179](angular#15179)
* **badge:** disable animations when using NoopAnimationsModule ([angular#11408](angular#11408)) ([4614fb8](angular@4614fb8))
* **badge:** increase font size of small badge ([angular#15280](angular#15280)) ([2b14952](angular@2b14952)), closes [angular#15251](angular#15251)
* **bottom-sheet:** focus trap not being attached when autoFocus is disabled ([angular#15125](angular#15125)) ([3787695](angular@3787695)), closes [angular#15119](angular#15119)
* **drag-drop:** clear duplicate ids from descendants ([angular#15135](angular#15135)) ([751fe8a](angular@751fe8a)), closes [angular#15120](angular#15120)
* **drag-drop:** disabled value not being synced to drop list ref ([angular#15065](angular#15065)) ([1aafdbe](angular@1aafdbe))
* **drag-drop:** dragged styling not being removed when exiting component with OnPush ([angular#15266](angular#15266)) ([9bbbb80](angular@9bbbb80)), closes [angular#15233](angular#15233)
* **drag-drop:** handle delay coming in as a string ([angular#15425](angular#15425)) ([8bbb116](angular@8bbb116))
* **drag-drop:** preview not being rendered inside fullscreen element ([angular#15066](angular#15066)) ([f1e1528](angular@f1e1528)), closes [angular#15033](angular#15033)
* **examples:** fix form-field-custom-control ([angular#15147](angular#15147)) ([83135e1](angular@83135e1)), closes [angular#14810](angular#14810)
* **icon:** clearing user content when svgIcon is bound to falsy value ([angular#15290](angular#15290)) ([d646266](angular@d646266))
* **input:** no focus on click in IE if clicked outside native control ([angular#15108](angular#15108)) ([2652532](angular@2652532)), closes [angular#15093](angular#15093)
* **layout:** breakpoint observer completing unrelated subscribers when preceding subscriber unsubscribes ([angular#14988](angular#14988)) ([0d054db](angular@0d054db)), closes [angular#14983](angular#14983)
* **list:** changed after checked error with preselected values in selection list ([angular#15388](angular#15388)) ([d6f2729](angular@d6f2729)), closes [angular#15386](angular#15386)
* **list:** not picking up indirect descendant lines ([angular#15552](angular#15552)) ([a258400](angular@a258400)), closes [angular#15466](angular#15466)
* **menu:** support focus first/last item via home/end keys ([angular#14896](angular#14896)) ([0185dd1](angular@0185dd1))
* **overlay:** flexible position strategy throwing error for empty strings ([angular#14935](angular#14935)) ([6e52023](angular@6e52023))
* **progress-bar:** clear aria-valuenow in indeterminate or query mode ([angular#15019](angular#15019)) ([a88d053](angular@a88d053)), closes [angular#15016](angular#15016)
* **progress-spinner:** clear aria-valuenow in indeterminate mode ([angular#15052](angular#15052)) ([dd4257e](angular@dd4257e)), closes [angular#15018](angular#15018)
* **radio:** underlying label not expanding to width of radio button ([angular#14895](angular#14895)) ([677db8c](angular@677db8c)), closes [angular#14894](angular#14894)
* **schematics:** ensure project "style" and "skipTests" options are respected ([angular#15513](angular#15513)) ([fe6629a](angular@fe6629a)), closes [angular#15502](angular#15502)
* **select:** error when navigating via keyboard to reset option on a closed select ([angular#15160](angular#15160)) ([a115b3a](angular@a115b3a)), closes [angular#14540](angular#14540) [angular#15159](angular#15159)
* **select:** update panel width if the viewport size changes ([angular#14932](angular#14932)) ([78f55ea](angular@78f55ea)), closes [angular#7811](angular#7811)
* **slide-toggle:** thumb animation not working on mobile ([angular#15236](angular#15236)) ([48d17af](angular@48d17af)), closes [angular#15232](angular#15232)
* **stepper:** content not being rendered out initially with ivy ([angular#15485](angular#15485)) ([876727d](angular@876727d))
* **table:** use default change detection strategy on table ([angular#15440](angular#15440)) ([f82259b](angular@f82259b))
* **table:** use static queries for examples ([angular#15483](angular#15483)) ([d525f9c](angular@d525f9c))
* **tooltip:** render style values in ngOnInit instead of the constructor ([angular#15469](angular#15469)) ([59818d1](angular@59818d1))
* **typography:** move header letter spacing into typography config ([angular#15210](angular#15210)) ([0673574](angular@0673574)), closes [angular#15197](angular#15197)
* add peer dependency on [@angular](https://github.com/angular)/forms ([angular#15133](angular#15133)) ([8fc97ac](angular@8fc97ac)), closes [angular#15085](angular#15085)
* mark virtual scroll viewport queries as static ([angular#15346](angular#15346)) ([e739e61](angular@e739e61))
* missing tag in footer-row of material table ([angular#15711](angular#15711)) ([578790b](angular@578790b))

* **a11y:** add injection token configure default politeness and duration ([angular#15126](angular#15126)) ([e2c9873](angular@e2c9873)), closes [angular#15121](angular#15121)
* **dialog:** add ariaLabelledBy config option ([angular#14943](angular#14943)) ([3e935e9](angular@3e935e9))
* **drag-drop:** add API to get/set current position of a standalone draggable ([angular#14696](angular#14696)) ([2f009d0](angular@2f009d0)), closes [angular#14420](angular#14420) [angular#14674](angular#14674)
* **drag-drop:** add the ability to customize how the position is constrained ([angular#15137](angular#15137)) ([4704653](angular@4704653))
* **drag-drop:** add the ability to disable sorting in a list ([angular#15064](angular#15064)) ([629460f](angular@629460f)), closes [angular#14838](angular#14838)
* **drag-drop:** allow for dragging sequence to be delayed ([angular#14732](angular#14732)) ([bcf2781](angular@bcf2781)), closes [angular#13908](angular#13908)
* **menu:** allow focus restoration to be disabled ([angular#15205](angular#15205)) ([dfa40fc](angular@dfa40fc)), closes [angular#15168](angular#15168)
* **overlay:** allow for scroll strategy to be swapped out ([angular#15067](angular#15067)) ([3308187](angular@3308187)), closes [angular#12306](angular#12306)
* **popover-edit:** experimental popover edit for tables (mvp) ([angular#15496](angular#15496)) ([457ff28](angular@457ff28))
* **selection-list:** support specifying theme color ([angular#15237](angular#15237)) ([66d38fc](angular@66d38fc)), closes [angular#15234](angular#15234)
* **stepper:** allow disabling ripples of headers ([angular#14972](angular#14972)) ([a6cc98f](angular@a6cc98f)), closes [angular#14940](angular#14940)

* **focus-monitor:** avoid triggering change detection if there are no subscribers to stream ([angular#14964](angular#14964)) ([085bbb7](angular@085bbb7))

7.3.7

* **bottom-sheet:** unable to reopen same bottom sheet after closing …

…via back button ([angular#15520](angular#15520)) ([aae6972](angular@aae6972)), closes [angular#15510](angular#15510)

* **chips:** remove aria-selected from deselected chip in single selection mode ([angular#15634](angular#15634)) ([ebbf97e](angular@ebbf97e)), closes [angular#15617](angular#15617)
* error when attempting to access Intl API on some versions of Windows ([angular#15693](angular#15693)) ([c02b09c](angular@c02b09c)), closes [angular#15687](angular#15687)
* **dialog:** remove default aria-label from mat-dialog-close ([angular#15654](angular#15654)) ([307889e](angular@307889e)), closes [angular#15542](angular#15542)
* **form-field:** remove nonbreaking space before * for required fields ([angular#15490](angular#15490)) ([5e7cf22](angular@5e7cf22))
* **option:** Remove aria-selected='false' in single-selection mode ([angular#15617](angular#15617)) ([61a608b](angular@61a608b))
* **schematics:** use ngAfterViewInit instead of ngOnInit in table ([angular#15446](angular#15446)) ([9c34b97](angular@9c34b97))
* **sidenav:** some internal subjects not being completed ([angular#15567](angular#15567)) ([073e542](angular@073e542))

7.3.6

* add disabled styling for unchecked pseudo checkbox ([angular#15405](a…

…ngular#15405)) ([bd1c973](angular@bd1c973))

* **autofill:** use static queries to read values used in ngOnInit ([angular#15516](angular#15516)) ([cb0b025](angular@cb0b025))
* **form-field:** select value text blending in with the background in high contrast mode ([angular#15286](angular#15286)) ([bbd30fb](angular@bbd30fb))
* **icon:** clear user content when svgIcon is bound to falsy value ([angular#15290](angular#15290)) ([f2f1232](angular@f2f1232))
* **slide-toggle:** be able to receive focus while disabled on click ([angular#15501](angular#15501)) ([479618e](angular@479618e))
* **tooltip:** tooltip sample not working with keyboard navigation. ([angular#15111](angular#15111)) ([3987b9b](angular@3987b9b))

7.3.5

* **schematics:** do not run migrations multiple times ([angular#15424](

angular#15424)) ([7b77740](angular@7b77740))

* **stepper:** avoid breaking change in stepControl type ([angular#15464](angular#15464)) ([f02ebe1](angular@f02ebe1)), closes [angular#15134](angular#15134) [angular#15462](angular#15462)