fix(ui): Prevent reset password submission if passwords don't match (#7432)

Author: dstaley

.changeset/busy-snakes-pump.md

@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Fix issue where the reset password form could be submitted via the enter key even when the confirmation password didn't match.

packages/ui/src/components/SessionTasks/tasks/TaskResetPassword/index.tsx

@@ -75,7 +75,7 @@ const TaskResetPasswordInternal = () => {
 
   const resetPassword = () => {
     return card.runAsync(async () => {
-      if (!clerk.user) {
+      if (!canSubmit || !clerk.user) {
         return;
       }
 

packages/ui/src/components/SignIn/ResetPassword.tsx

@@ -71,6 +71,10 @@ const ResetPasswordInternal = () => {
   };
 
   const resetPassword = async () => {
+    if (!canSubmit) {
+      return;
+    }
+
     passwordField.clearFeedback();
     confirmField.clearFeedback();
     try {

packages/ui/src/components/UserProfile/PasswordForm.tsx

@@ -108,6 +108,10 @@ export const PasswordForm = withCardStateProvider((props: PasswordFormProps) =>
   };
 
   const updatePassword = async () => {
+    if (!canSubmit) {
+      return;
+    }
+
     try {
       successPagePropsRef.current = {
         title: user.passwordEnabled