set loading state before running http request

Author: joelhawksley

examples/index.html

@@ -108,7 +108,7 @@ <h2 tabindex="-1" id="success3" class="success" hidden>Your submission was succe
       }
     </script>
 
-    <script type="module" src="https://unpkg.com/@github/auto-check-element@latest"></script>
-    <!-- <script type="module" src="../dist/bundle.js" defer></script> -->
+    <!-- <script type="module" src="https://unpkg.com/@github/auto-check-element@latest"></script> -->
+    <script type="module" src="../dist/bundle.js" defer></script>
   </body>
 </html>

src/auto-check-element.ts

@@ -221,8 +221,8 @@ function handleChange(checker: () => void, event: Event) {
     (event.type === 'blur' && autoCheckElement.onlyValidateOnBlur) || // Only validate on blur if only-validate-on-blur is set
     (autoCheckElement.onlyValidateOnBlur && autoCheckElement.validateOnKeystroke) // Only validate on key inputs in only-validate-on-blur mode if validate-on-keystroke is set (when input is invalid)
   ) {
-    checker()
     setLoadingState(event)
+    checker()
   }
 }