I have a simple registration form made with Angular 11.2.7 and Angular Material. Here's the stackblitz.
I made changing the password fields visibility to last 3 sec and then their state changes back to "password". So when user clicks on an "eye" in any of the password controls, the password text shows in clear text and then changes back to dots in 3 sec.
But the problem this state change triggers the whole form validation and all that are invalid gets "invalid" look (get red). Can anyone please tell me why?
Also, I had to use multicasting for my Observables which I might not done right. I'm not sure.