fix: move prevent default to start of function

src/lib/elements/forms/inputEmail.svelte

@@ -24,15 +24,14 @@
     });
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
-
         if (element.validity.typeMismatch) {
             errorMessage = 'Your email should be formatted as: name@example.com';
         }
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputNumber.svelte

@@ -25,13 +25,13 @@
     });
 
     const handleInvalid = (event: Event) => {
-        errorMessage = element.validationMessage;
+        event.preventDefault();
 
+        errorMessage = element.validationMessage;
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
 
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputPassword.svelte

@@ -29,6 +29,7 @@
     });
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
         console.log(element.validity);
         if (element.validity.valueMissing) {
@@ -37,7 +38,6 @@
         if (element.validity.tooShort) {
             errorMessage = 'Password should contain at least 8 characters';
         }
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputPhone.svelte

@@ -25,11 +25,11 @@
     });
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputRadio.svelte

@@ -16,11 +16,11 @@
     let element: HTMLInputElement;
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputSelect.svelte

@@ -18,12 +18,12 @@
     let element: HTMLSelectElement;
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
 
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputSwitch.svelte

@@ -13,12 +13,12 @@
     let element: HTMLInputElement;
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
 
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputTags.svelte

@@ -52,11 +52,11 @@
     };
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputText.svelte

@@ -25,11 +25,11 @@
     });
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
-        event.preventDefault();
         showHelper = true;
     };
 

src/lib/elements/forms/inputTextarea.svelte

@@ -24,11 +24,11 @@
     });
 
     const handleInvalid = (event: Event) => {
+        event.preventDefault();
         errorMessage = element.validationMessage;
         if (element.validity.valueMissing) {
             errorMessage = 'This field is required';
         }
-        event.preventDefault();
         showHelper = true;
     };