angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.32k stars 6.72k forks source link

bug(mat-chip-row): NG0100 mat-focused error #29411

Open amri04 opened 2 months ago

amri04 commented 2 months ago

Is this a regression?

The previous version in which this bug was not present was

No response

Description

I have a chip connected to an input field, when clicking on the chip i open a mat dialog. This results in a NG0100 ExpressionChangedAfterItHasBeenCheckedError. (Expression has changed after it was checked. Previous value for 'mat-focused': 'true'. Current value: 'false')

Reproduction

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

  1. click on the chip => NG0100: ExpressionChangedAfterItHasBeenCheckedError (see console)

Expected Behavior

No error

Actual Behavior

NG0100 ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'mat-focused': 'true'. Current value: 'false'

Environment

S-Prosper05 commented 1 month ago

Hi @amri04, I tested with the latest version of Material 18.1.3 and it seems like the problem was fixed with the form field focus.

amri04 commented 1 month ago

Hi @S-Prosper05, the issue still exists, i just updated the dependencies to angular 18.1.3

S-Prosper05 commented 1 month ago

Hi @amri04, I will take a look at it again