Prevent email address validation on blur.

libs/auth/src/angular/login/login.component.html

@@ -25,7 +25,13 @@
     <!-- Email Address input -->
     <bit-form-field class="!tw-mb-4">
       <bit-label>{{ "emailAddress" | i18n }}</bit-label>
-      <input type="email" formControlName="email" bitInput appAutofocus />
+      <input
+        type="email"
+        formControlName="email"
+        bitInput
+        appAutofocus
+        (blur)="onEmailBlur($event)"
+      />
     </bit-form-field>
 
     <!-- Remember Email input -->

libs/auth/src/angular/login/login.component.ts

@@ -82,14 +82,17 @@ export class LoginComponent implements OnInit, OnDestroy {
   showLoginWithDevice = false;
   validatedEmail = false;
 
-  formGroup = this.formBuilder.group({
+  formGroup = this.formBuilder.group(
+    {
       email: ["", [Validators.required, Validators.email]],
       masterPassword: [
         "",
         [Validators.required, Validators.minLength(Utils.originalMinimumPasswordLength)],
       ],
       rememberEmail: [false],
-  });
+    },
+    { updateOn: "submit" },
+  );
 
   get emailFormControl(): FormControl<string> {
     return this.formGroup.controls.email;
@@ -373,6 +376,15 @@ export class LoginComponent implements OnInit, OnDestroy {
     }
   }
 
+  /**
+   * Set the email value from the input field.
+   * @param event The event object from the input field.
+   */
+  onEmailBlur(event: Event) {
+    const emailInput = event.target as HTMLInputElement;
+    this.formGroup.controls.email.setValue(emailInput.value);
+  }
+
   protected async goToHint(): Promise<void> {
     await this.saveEmailSettings();
     await this.router.navigateByUrl("/hint");