components icon indicating copy to clipboard operation
components copied to clipboard

bug(Chip - chip-grid): Error not announced in screen readers on blur

Open BojanSlavkovskii opened this issue 1 year ago • 0 comments

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

Due to timeout on _blur() function in chip-grid.ts the errors that are shown are not announced. https://github.com/angular/components/blob/main/src/material/chips/chip-grid.ts#L407

image

Reproduction

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

  1. Add required form control
  2. Blur from the input

Expected Behavior

Screen reader should read the error shown on blur.

Actual Behavior

Screen reader isn't reading the error shown on blur.

Environment

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

BojanSlavkovskii avatar Apr 23 '24 15:04 BojanSlavkovskii