fix(clerk-js): Prevent submitting on enter in Organization Profile fo…

…rm (#2400) * fix(clerk-js): Prevent submitting on enter in Organization Profile form * fix(clerk-js): Prevent submitting on enter in Organization Profile form
clerk · Dec 19, 2023 · 394cecc · 394cecc
1 parent cfea3d9
commit 394cecc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/hot-ducks-wink.md b/.changeset/hot-ducks-wink.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Prevent submitting on enter in Organization Profile form when submit button is disabled.
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileForm.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileForm.tsx
@@ -39,7 +39,7 @@ export const ProfileForm = withCardStateProvider((props: ProfileFormProps) => {
 
   const onSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
-    return (dataChanged ? organization.update({ name: nameField.value, slug: slugField.value }) : Promise.resolve())
+    return (canSubmit ? organization.update({ name: nameField.value, slug: slugField.value }) : Promise.resolve())
       .then(onSuccess)
       .catch(err => {
         handleError(err, [nameField, slugField], card.setError);