Skip to content

bug(mat-chip-grid): mat-chip-grid marks FormControl as dirty on blur without actual value changes #31600

@Emil-Blomquist

Description

@Emil-Blomquist

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

When using mat-chip-grid bound to a FormControl, the control is marked as dirty when the user focuses on the input field and then blurs away, even when no chips are added or removed and the value remains unchanged.

Reproduction

StackBlitz link: https://stackblitz.com/edit/2za91ztq?file=src%2Fexample%2Fchips-form-control-example.html
Steps to reproduce:

  1. Click into the input field
  2. Click away (blur) without typing anything or adding any chips
  3. Check the FormControl's dirty state - it will be true even though no value changes occurred

Expected Behavior

The FormControl should only become dirty when the actual value changes (chips added/removed), not merely from focus/blur interaction.

Actual Behavior

The FormControl becomes dirty after focus/blur interaction even when no chips are added or removed and the value remains unchanged.

Environment

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An 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