@designcrowd/fe-shared-lib 1.2.6-ml-291-4 → 1.2.6-ml-291-5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.6-ml-291-4",
+  "version": "1.2.6-ml-291-5",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/src/experiences/components/AuthFlow/ForgotPassword.vue

@@ -36,11 +36,12 @@
             {{ title }}
           </h2>
           <p class="tw-mb-8 tw-text-grayscale-600">{{ modalDescription }}</p>
-          <form id="forgotPassword" ref="forgotPasswordForm" method="post" @submit="validate">
+          <form id="forgotPassword" ref="forgotPasswordForm" method="post" novalidate @submit="validate">
             <input type="hidden" name="__RequestVerificationToken" :value="antiForgeryToken" />
             <input type="hidden" name="locale" :value="currentLocale" />
             <label for="email" class="tw-sr-only"> {{ emailLabel }} </label>
             <input
+              ref="emailInput"
               v-model="aEmail"
               name="email"
               :class="{ 'tw-border-error-500': !!emailError }"
@@ -178,19 +179,23 @@ export default {
       if (this.submitAction) {
         this.$refs.forgotPasswordForm.action = this.submitAction;
       }
-      if (this.aEmail) {
-        this.isLoading = true;
-        return true;
-      }
-
-      this.isLoading = false;
 
       this.emailError = undefined;
 
       if (!this.aEmail) {
+        this.isLoading = false;
         this.emailError = this.emailErrorMessage;
+        e.preventDefault();
+        return false;
       }
 
+      if (this.$refs.emailInput.checkValidity()) {
+        this.isLoading = true;
+        return true;
+      }
+
+      this.isLoading = false;
+      this.emailError = this.emailErrorMessage;
       e.preventDefault();
       return false;
     },