fix(clerk-js): Disable emailAdress field in SignUp if fields.emailAdd…

…ress.disabled is true (#2990)
clerk · Mar 13, 2024 · 7d3aa44 · 7d3aa44
1 parent 386c9d4
commit 7d3aa44
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/loud-pianos-compete.md b/.changeset/loud-pianos-compete.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Disable emailAdress field in SignUp if fields.emailAddress.disabled is true
diff --git a/packages/clerk-js/src/ui/components/SignUp/SignUpForm.tsx b/packages/clerk-js/src/ui/components/SignUp/SignUpForm.tsx
@@ -74,6 +74,7 @@ export const SignUpForm = (props: SignUpFormProps) => {
               {...formState.emailAddress.props}
               isRequired={fields.emailAddress!.required}
               isOptional={!fields.emailAddress!.required}
+              isDisabled={fields.emailAddress!.disabled}
               actionLabel={canToggleEmailPhone ? 'Use phone instead' : undefined}
               onActionClicked={canToggleEmailPhone ? () => handleEmailPhoneToggle('phoneNumber') : undefined}
             />