Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

bug(mat-chip-grid): FormControl's value does not update on change #31713

Open
Labels
P4A relatively minor issue that is not relevant to core functions area: material/chips
@shhdharmen

Description

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 setting { updateOn: 'change' }, with <mat-chip-grid [formControl]="formControl">, the FormControl's value does not update on change, it only updates on blur.

Reproduction

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

  1. Modify values in chip input
  2. Observe that value of form-control is not getting updated on change
  3. Blur out of the form-filed and observe that form-control's value is getting changed

Expected Behavior

FormControl's value should update on change with below:

  1. { updateOn: 'change' }
  2. <mat-chip-grid [formControl]="formControl">

Actual Behavior

FormControl's value is not updating on change with below, it is only updating on blur:

  1. { updateOn: 'change' }
  2. <mat-chip-grid [formControl]="formControl">

Environment

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    P4A relatively minor issue that is not relevant to core functions area: material/chips

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

        AltStyle によって変換されたページ (->オリジナル) /