Skip to content

bug(mat-chip): Higlighted not working for m3 experimental themes #28923

@dzivoing

Description

@dzivoing

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

There is a problem with highlighted directive on mat-chip not working properly

<mat-chip [highlighted]="true">Selected</mat-chip>

Reproduction

StackBlitz link:
Steps to reproduce:

  1. Create new mat chip with higlighted set to true

Repro stackblitz
https://stackblitz.com/edit/tmtuew-ycuj8s?file=src%2Ftheme.scss

Expected Behavior

Expected: background color should change to primary.

Actual Behavior

When you add highlighted to mat-chip it stay in the default state.

Environment

  • Angular: 17.3.5
  • CDK/Material: 17.3.5
  • Browser(s): Edge, Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

Labels

M3P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/chips

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions