Releases: angular/components
Releases · angular/components
rust-rhubarb
Bug Fixes
- checkbox: don't show hover ripples on touch devices (#13700) (43b4fec), closes #13675
- drag-drop: allow for element in DropListRef to be changed (#15091) (e630bd6), closes #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 (#15660) (1ac9386), closes #15191
- drag-drop: error if item is removed while dragging (#15950) (a632067), closes #15827
- drag-drop: preview element not maintaining canvas data (#15808) (31e72a7), closes #15685
- list: form control cleared when list is destroyed (#16005) (40b335c), closes #15994
- menu: prevent menu from collapsing to less than one item (#15454) (941a0d9)
- overlay: add panelClass from position to the overlay (#15853) (00226f0)
- overlay: allow overlay sass variables to be overwritten (#15507) (b1c10d1), closes #15467
- popover-edit: direction not being passed to overlay (#15951) (7774ae1)
- portal: correct return type of TemplatePortal.attach (#14602) (70bc4d5), closes #14584
- scrolling: virtual scroll not disconnecting from data source on destroy (#15856) (8494f03), closes #15855
- select: optionSelectionChanges not emitting when the list of options changes (#14814) (f6cd86e)
Features
plastic-portal
Project Organization
- The repo name has changed from
angular/material2
toangular/components
- All files under
src/lib
have been moved undersrc/material
Bug Fixes
- autocomplete: make template ViewChild query
static: true
(#15877) (388baa2) - drag-drop: not reacting to changes in the cdkDragFreeDragPosition (#15805) (021b85a), closes #15765
- stepper: Fix visual flake in focusing stepper header (#15870) (8b5c0f1)
Features
helium-blockade
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.
Breaking Changes
- tabs:
_ngZone
and_platform
parameters inMatTabHeader
constructor are now required. - tabs:
changeDetectorRef
parameter inMatTabBody
constructor is now required. - expansion: The
_document
and_animationMode
parameters are now required. - list:
_elementRef
parameter inMatList
constructor is now required. - list:
_changeDetectorRef
parameter inMatListItem
constructor is now required. Also the order of constructor parameters has changed. - progress-spinner: The
animationMode
mode parameter is now required in theMatProgressSpinner
andMatSpinner
constructors. - progress-spinner: The
_elementRef
parameter has changed fromElementRef<any>
toElementRef<HTMLElement>
in theMatProgressSpinner
andMatSpinner
constructors. - button:
_platform
parameter has been removed from theMatButton
constructor and the_animationMode
is now required. - button:
platform
parameter has been removed from theMatAnchor
constructor and theanimationMode
is now required. - badge:
_document
parameter has been removed and the_renderer
parameter is now required in theMatBadge
constructor.
suede-banana
spidersilk-barbell
Project setup
@angular/material
now has an explicit peer dependency on@angular/forms
.
It was always required, but is now correctly listed in thepackage.json
.
Bug Fixes
- a11y: don't set aria description if it's the same as the node's aria-label (#15250) (1bc8bc4), closes #15048
- autocomplete: remove old classes when classlist has changed (#15185) (413fe33), closes #15179
- badge: disable animations when using NoopAnimationsModule (#11408) (4614fb8)
- badge: increase font size of small badge (#15280) (2b14952), closes #15251
- bottom-sheet: focus trap not being attached when autoFocus is disabled (#15125) (3787695), closes #15119
- drag-drop: clear duplicate ids from descendants (#15135) (751fe8a), closes #15120
- drag-drop: disabled value not being synced to drop list ref (#15065) (1aafdbe)
- drag-drop: dragged styling not being removed when exiting component with OnPush (#15266) (9bbbb80), closes #15233
- drag-drop: handle delay coming in as a string (#15425) (8bbb116)
- drag-drop: preview not being rendered inside fullscreen element (#15066) (f1e1528), closes #15033
- examples: fix form-field-custom-control (#15147) (83135e1), closes #14810
- icon: clearing user content when svgIcon is bound to falsy value (#15290) (d646266)
- input: no focus on click in IE if clicked outside native control (#15108) (2652532), closes #15093
- layout: breakpoint observer completing unrelated subscribers when preceding subscriber unsubscribes (#14988) (0d054db), closes #14983
- list: changed after checked error with preselected values in selection list (#15388) (d6f2729), closes #15386
- list: not picking up indirect descendant lines (#15552) (a258400), closes #15466
- menu: support focus first/last item via home/end keys (#14896) (0185dd1)
- overlay: flexible position strategy throwing error for empty strings (#14935) (6e52023)
- progress-bar: clear aria-valuenow in indeterminate or query mode (#15019) (a88d053), closes #15016
- progress-spinner: clear aria-valuenow in indeterminate mode (#15052) (dd4257e), closes #15018
- radio: underlying label not expanding to width of radio button (#14895) (677db8c), closes #14894
- schematics: ensure project "style" and "skipTests" options are respected (#15513) (fe6629a), closes #15502
- select: error when navigating via keyboard to reset option on a closed select (#15160) (a115b3a), closes #14540 #15159
- select: update panel width if the viewport size changes (#14932) (78f55ea), closes #7811
- slide-toggle: thumb animation not working on mobile (#15236) (48d17af), closes #15232
- stepper: content not being rendered out initially with ivy (#15485) (876727d)
- table: use default change detection strategy on table (#15440) (f82259b)
- table: use static queries for examples (#15483) (d525f9c)
- tooltip: render style values in ngOnInit instead of the constructor (#15469) (59818d1)
- typography: move header letter spacing into typography config (#15210) (0673574), closes #15197
- add peer dependency on @angular/forms (#15133) (8fc97ac), closes #15085
- mark virtual scroll viewport queries as static (#15346) (e739e61)
- missing tag in footer-row of material table (#15711) (578790b)
Features
- a11y: add injection token configure default politeness and duration (#15126) (e2c9873), closes #15121
- dialog: add ariaLabelledBy config option (#14943) (3e935e9)
- drag-drop: add API to get/set current position of a standalone draggable (#14696) (2f009d0), closes #14420 #14674
- drag-drop: add the ability to customize how the position is constrained (#15137) (4704653)
- drag-drop: add the ability to disable sorting in a list (#15064) (629460f), closes #14838
- drag-drop: allow for dragging sequence to be delayed (#14732) (bcf2781), closes #13908
- menu: allow focus restoration to be disabled (#15205) (dfa40fc), closes #15168
- overlay: allow for scroll strategy to be swapped out (#15067) ([3308187]...
herringbone-harpsichord
Bug Fixes
- bottom-sheet: unable to reopen same bottom sheet after closing via back button (#15520) (aae6972), closes #15510
- chips: remove aria-selected from deselected chip in single selection mode (#15634) (ebbf97e), closes #15617
- error when attempting to access Intl API on some versions of Windows (#15693) (c02b09c), closes #15687
- dialog: remove default aria-label from mat-dialog-close (#15654) (307889e), closes #15542
- form-field: remove nonbreaking space before * for required fields (#15490) (5e7cf22)
- option: Remove aria-selected='false' in single-selection mode (#15617) (61a608b)
- schematics: use ngAfterViewInit instead of ngOnInit in table (#15446) (9c34b97)
- sidenav: some internal subjects not being completed (#15567) (073e542)
tar-trebuchet
Bug Fixes
- add disabled styling for unchecked pseudo checkbox (#15405) (bd1c973)
- autofill: use static queries to read values used in ngOnInit (#15516) (cb0b025)
- form-field: select value text blending in with the background in high contrast mode (#15286) (bbd30fb)
- icon: clear user content when svgIcon is bound to falsy value (#15290) (f2f1232)
- slide-toggle: be able to receive focus while disabled on click (#15501) (479618e)
- tooltip: tooltip sample not working with keyboard navigation. (#15111) (3987b9b)
asphalt-lightning
tapioca-turtle
Bug Fixes
- badge: duplicate leftover badge after server-side render (#15417) (815a729)
- calendar: should markForCheck when properties are changed (#15102) (4aa5535)
- datepicker: toggle throwing an error if datepicker is not defined on init (#15256) (3c5e671)
- form-field: allow user to click through arrow on native select (#15328) (cb057d2), closes #15318
- form-field: infinite loop with zone-patch-rxjs (#15335) (8581556), closes #15331
- list: action list missing focus and hover styling (#14147) (3f876e2)
- list: override native button text align in action list (#15404) (aaec2d5)
- radio: ng-touched incorrectly being set on click (#12560) (5b04ec3)
- radio: only show focus ripple for keyboard focus (#13565) (87477c3), closes #13544
- radio: unable to distinguish disabled radio button in high contrast mode (#15375) (230b1ed)
- schematics: incorrectly throws if NgModule uses namespaced decorator (#15298) (89c48f4)
- scrolling: virtual scroll viewport error during server-side rendering (#15299) (78e7207), closes #15291
- select: Fixes width-issue of select option panel in IE (#11801) (81a73c6), closes #11609
- sort: remove arrow when sort header is disabled (#15212) (4a7fdfe), closes #14986
- stepper: unable to tab to step content (#14892) (824aad2)
- tabs: correct example title (#15325) (f1ca6ff)
- virtual-scroll: move views that are already attached instead of inserting (#15348) (8dc572d)
cashmere-armor
Bug Fixes
- theming: fix errors when building theme using CSS variables (#15140) (96f6e06), closes #15107
- bidi: handle uppercase values correctly (#14773) (0029cde)
- dialog: don't assign aria-label to close button if button has text (#11093) (9bf368d), closes #11084
- list: disableRipple on selection list not affecting list options after init (#14858) (edf4541)
- schematics: do not generate invalid stylesheet files (#15235) (e7422e4), closes #15164
- table: add missing rowgroup roles (#15131) (2c7bc1c)