fix(elements): Add check for relatedTarget to avoid validation runn…

…ing immediately after unsuccessful form submission (#3762)

.changeset/plenty-snakes-repeat.md

@@ -0,0 +1,5 @@
+---
+"@clerk/elements": patch
+---
+
+Fixes issue where an invalid password field was immediately being refocused after submission causing the validation to run and show the success state.

packages/elements/src/react/common/form/index.tsx

@@ -298,7 +298,11 @@ const useInput = ({
   const onFocus = React.useCallback(
     (event: React.FocusEvent<HTMLInputElement>) => {
       onFocusProp?.(event);
-      if (shouldValidatePassword) {
+      // Check for relatedTarget to avoid validating password when the input
+      // is programticallly focused after form submission. Avoids the issue
+      // where an error message would get removed and the success validation
+      // was shown immediately.
+      if (shouldValidatePassword && Boolean(event.relatedTarget)) {
         validatePassword(event.target.value);
       }
     },