Releases: angular/components
v18.2.0-rc.0
18.2.0-rc.0 "wicker-whirlwind" (2024-08-07)
material
| Commit | Description |
|---|---|
 |
button-toggle: allow disabled buttons to be interactive (#29550) |
 |
chips: missing tokens in M3 (#29531) |
 |
list: checkmark not visible in high contrast mode (#29546) |
 |
sidenav: disable focus trap while closed (#29548) |
 |
tooltip: remove aria-describedby when disabled (#29520) |
v18.1.4
v18.2.0-next.3
18.2.0-next.3 "gold-medal" (2024-07-31)
material
| Commit | Description |
|---|---|
 |
radio: add the ability to interact with disabled radio buttons (#29490) |
 |
slide-toggle: add the ability to interact with disabled toggle (#29502) |
 |
chips: remove tab-index attribute from mat-chip host (#29436) |
 |
core: custom system-level variable prefix not used in some mixins (#29513) |
 |
dialog: invalid font-family declaration (#29516) |
 |
radio: avoid error if destroyed quickly (#29507) |
 |
slide-toggle: don't trigger active state for entire container (#29514) |
 |
slide-toggle: remove divs from button (#29485) |
cdk
| Commit | Description |
|---|---|
 |
coercion: Return undefined when the fallback value is undefined (#29491) |
multiple
| Commit | Description |
|---|---|
 |
fallback to system level variables (#29480) |
v18.1.3
18.1.3 "plastic-beach" (2024-07-31)
material
| Commit | Description |
|---|---|
 |
chips: remove tab-index attribute from mat-chip host (#29436) |
 |
core: custom system-level variable prefix not used in some mixins (#29513) |
 |
dialog: invalid font-family declaration (#29516) |
 |
slide-toggle: don't trigger active state for entire container (#29514) |
 |
slide-toggle: remove divs from button (#29485) |
cdk
| Commit | Description |
|---|---|
 |
coercion: Return undefined when the fallback value is undefined (#29491) |
v18.2.0-next.2
18.2.0-next.2 "velvet-guitar" (2024-07-24)
material
| Commit | Description |
|---|---|
 |
checkbox: add the ability to interact with disabled checkboxes (#29474) |
 |
tooltip: replicate tooltipClass to default MatTooltipDefaultOptions (#29467) |
 |
chips: remove button is too small (#29351) |
 |
form-field: hiding a label after it has been (#29461) |
 |
input: Number input not changing on wheel interaction (#29449) |
Breaking Changes
material
- updates chip remove button touch target to increase accessibility of the button especially on touch/mobile devices.
- refactor(material/chips): chip remove touch target size is insufficient
Updates fix to Autocomplete Component Chips component where the
touch target size is too small and fails minimum accessibility
size of 48x48 px. Addresses nit fixes from PR review.
Fixes b/286959517
-
updates padding size of remove touch target to
satisfy minimum 48x48 accessibility size.- fix(material/chip): remove button is too small
Fixes Angular Components Chip component where the touch target of the
remove button of a chip is too small. Updates .mat-mdc-chip-remove to
target more specific styles to override original style of padding: 8px
so that the user has a larger touch target particularly on mobile
devices.Fixes b/286959517
- refactor(material/chips): remove button is too small
Fixes lint errors from previous commit for Angular Components
Chip component where the remove button touch target is too small,
particularly for touch/mobile devices. Increases padding on all
sides.Fixes b/286959517
- fix(material/chips): increase chip remove button touch target size
Fixes issue with Angular Component Chip's touch target size by
increasing the padding on chips with a trailing icon that has
an action.Fixes b/286959517
-
updates chip remove button touch target to increase accessibility of the button especially on touch/mobile devices.
- fix(material/chips): chips remove touch target is too small to be accessible
Updates Angular Components Chips component by increasing its
.mat-mdc-chip-remove::after styles to increase the size of the
touch target to make it more accessible/clickable.
Fixes b/286959517
- refactor(material/chips): fix lint errors
Updates fix for Angular Components Chips component where there
were lint formatting errors.
- refactor(material/chips): replace px with _trailing-icon-size variable
Updates previous Angular Components Chip component fix and makes it
adaptable by swapping the hard-coded 18px offset to equal the
variable for -icon-size.
- refactor(material/chips): updates touch target centering method
Updates previous Angular Component Chip component fix which
added padding to the ::after pseudo-element and attempted to
calculate centering. Changes calculation based on using
with padding values countered
with margin negative values to center the touch target.
- refactor(material/chips): updates ::after styles and fix lint errors
Updates Angular Component Chips component fix to change ::after
background property changes to be background-color specifically to
avoid overriding background-clip styles. Suppresses lint warning
material/no-prefixes for background-clip since it's majority
compatible with browsers.
Fixes b/286959517
v18.1.2
18.1.2 "velvet-violin" (2024-07-24)
material
| Commit | Description |
|---|---|
 |
chips: remove button is too small (#29351) |
 |
form-field: hiding a label after it has been (#29461) |
 |
input: Number input not changing on wheel interaction (#29449) |
Breaking Changes
material
- updates chip remove button touch target to increase accessibility of the button especially on touch/mobile devices.
- refactor(material/chips): chip remove touch target size is insufficient
Updates fix to Autocomplete Component Chips component where the
touch target size is too small and fails minimum accessibility
size of 48x48 px. Addresses nit fixes from PR review.
Fixes b/286959517
-
updates padding size of remove touch target to
satisfy minimum 48x48 accessibility size.- fix(material/chip): remove button is too small
Fixes Angular Components Chip component where the touch target of the
remove button of a chip is too small. Updates .mat-mdc-chip-remove to
target more specific styles to override original style of padding: 8px
so that the user has a larger touch target particularly on mobile
devices.Fixes b/286959517
- refactor(material/chips): remove button is too small
Fixes lint errors from previous commit for Angular Components
Chip component where the remove button touch target is too small,
particularly for touch/mobile devices. Increases padding on all
sides.Fixes b/286959517
- fix(material/chips): increase chip remove button touch target size
Fixes issue with Angular Component Chip's touch target size by
increasing the padding on chips with a trailing icon that has
an action.Fixes b/286959517
-
updates chip remove button touch target to increase accessibility of the button especially on touch/mobile devices.
- fix(material/chips): chips remove touch target is too small to be accessible
Updates Angular Components Chips component by increasing its
.mat-mdc-chip-remove::after styles to increase the size of the
touch target to make it more accessible/clickable.
Fixes b/286959517
- refactor(material/chips): fix lint errors
Updates fix for Angular Components Chips component where there
were lint formatting errors.
- refactor(material/chips): replace px with _trailing-icon-size variable
Updates previous Angular Components Chip component fix and makes it
adaptable by swapping the hard-coded 18px offset to equal the
variable for -icon-size.
- refactor(material/chips): updates touch target centering method
Updates previous Angular Component Chip component fix which
added padding to the ::after pseudo-element and attempted to
calculate centering. Changes calculation based on using
with padding values countered
with margin negative values to center the touch target.
- refactor(material/chips): updates ::after styles and fix lint errors
Updates Angular Component Chips component fix to change ::after
background property changes to be background-color specifically to
avoid overriding background-clip styles. Suppresses lint warning
material/no-prefixes for background-clip since it's majority
compatible with browsers.
Fixes b/286959517
(cherry picked from commit d6aed80)
v18.2.0-next.1
18.2.0-next.1 "osmium-opal" (2024-07-17)
cdk
| Commit | Description |
|---|---|
 |
drag-drop: remove preview after animate to placeholder animation completes (#29439) |
material
| Commit | Description |
|---|---|
 |
button: support palettes for icon button in M3 (#29433) |
 |
chips: fix focus issue (#29427) |
 |
core: require theme for option typography (#29416) |
 |
tabs: prevent tab header from collapsing when empty inside a drop list (#29418) |
 |
tree: add levelAccessor, childrenAccessor, TreeKeyManager; a11y and docs improvements (#29062) |
Deprecations
material
-
Tree controller deprecated. Use one of levelAccessor or childrenAccessor instead. To be removed in a future version.
- BaseTreeControl, TreeControl, FlatTreeControl, and NestedTreeControl deprecated
- CdkTree#treeControl deprecated. Provide one of CdkTree#levelAccessor or CdkTree#childrenAccessor instead.
- MatTreeFlattener deprecated. Use MatTree#childrenAccessor and MatTreeNode#isExpandable instead.
- MatTreeFlatDataSource deprecated. Use one of levelAccessor or childrenAccessor instead of TreeControl.
Note when upgrading: isExpandable works differently on Trees using treeControl than trees using childrenAccessor or levelAccessor. Nodes on trees that have a treeControl are expandable by default. Nodes on trees using childrenAccessor or levelAccessor are not expandable by default. Provide isExpandable to override default behavior.
-
Setting tabindex of tree nodes deprecated. By default, Tree ignores tabindex passed to tree nodes.
- MatTreeNode#tabIndex deprecated. MatTreeNode ignores Input tabIndex and manages its own focus behavior.
- MatTreeNode#defaultTabIndex deprecated. MatTreeNode ignores defaultTabIndex and manages its own focus behavior.
- MatNestedTreeNode#tabIndex deprecated. MatTreeNode ignores Input defaultTabIndex and manages its own focus behavior.
- LegacyTreeKeyManager and LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER deprecated. Inject a TreeKeyManagerFactory to customize keyboard behavior.
Note when upgrading: an opt-out is available for keyboard functionality changes. Provide LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER to opt-out of Tree managing its own focus. When provided, Tree does not manage it’s own focus and respects tabindex passed to TreeNode. When provided, have the same focus behavior as before this commit is applied.
Add Legacy Keyboard Interface demo, which shows usage of LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER. Add Custom Key Manager, which shows usage of injecting a TreeKeyManagerStrategy
-
disabled renamed to isDisabled.
- CdkTreeNode#disabled deprecated and alias to CdkTreeNode#isDisabled
v18.1.1
18.1.1 "tantalum-tale" (2024-07-17)
material
| Commit | Description |
|---|---|
 |
button: support palettes for icon button in M3 (#29433) |
 |
chips: fix focus issue (#29427) |
 |
core: require theme for option typography (#29416) |
 |
tabs: prevent tab header from collapsing when empty inside a drop list (#29418) |
cdk
| Commit | Description |
|---|---|
 |
drag-drop: remove preview after animate to placeholder animation completes (#29439) |
v18.2.0-next.0
v18.1.0
18.1.0 "coral-odyssey" (2024-07-10)
cdk-experimental
| Commit | Description |
|---|---|
 |
popover-edit: Fix dialog role and allow aria label on popup (#29380) |
material
| Commit | Description |
|---|---|
 |
button: allow button color to be configured through DI (#29297) |
 |
core: add option to configure prefix of system variables (#29139) |
 |
chips: navigate between rows on up/down arrow (#29364) |
 |
divider: non-text color contrast issues (#28995) |
 |
tabs: remove visibility style when hydrating (#29220) |
cdk
| Commit | Description |
|---|---|
 |
drag-drop: add mixed orientation support |
 |
drag-drop: add the ability to specify an alternate drop list container (#29283) |
 |
drag-drop: reset pointer events on descendants (#29370) |
multiple
| Commit | Description |
|---|---|
 |
remove workarounds for formControl directive (#29296) |