Blur not firing in an Angular app when filled with 1password
I have an Angular javascript website front end with a username and password field, and the username (email) has a blur event on it, like so:
(html carets removed because this forum doesn't apparently support properly escaping and showing code snippets)
input
class="form-control"
placeholder="{{ 'login.email-address' | translate }}"
id="email"
name="email"
type="email"
(focus)="focus = true"
(blur)="focus = false; blurEmail()"
formControlName="email"
I have noticed that when I type in an email manually, typing each character and then tab or clicking away from the field, my blur event fires, but when I use 1Password to fill in the field, this never happens.
Has anyone else seen this behavior and any way around it?
1Password Version: 2.4.4
Extension Version: Not Provided
OS Version: MacOS Monterrey
Browser:_ Chrome