angularangular-material

Angular material dialog modal showing error

I have found below error while using Angular material dialog popup. When I click Add product button the below error is found

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. ...

My stackblitz link is https://stackblitz.com/github/reegan2024/mygithubrepo?file=README.md

Can someone help on this

Solution

  • It's because of in Angular material dialog it was focus was set auto you need to disable autofocus like below

    this.dialog.open(YourComponent, { 
   autoFocus: false
});

    For more info, please visit here.