fix(clerk-js): Disable country code picker when form is submitting (#…

…1853)
clerk · Oct 10, 2023 · f6faf6f · f6faf6f
1 parent 9101488
commit f6faf6f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/violet-avocados-fold.md b/.changeset/violet-avocados-fold.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Disable country picker button when form is submitted
diff --git a/packages/clerk-js/src/ui/elements/PhoneInput/PhoneInput.tsx b/packages/clerk-js/src/ui/elements/PhoneInput/PhoneInput.tsx
@@ -111,6 +111,7 @@ const PhoneInputBase = forwardRef<HTMLInputElement, PhoneInputProps>((props, ref
               borderBottomRightRadius: '0',
               borderTopRightRadius: '0',
             })}
+            isDisabled={rest.isDisabled}
           >
             <Flag iso={iso} />
             <Text

diff --git a/packages/clerk-js/src/ui/primitives/Input.tsx b/packages/clerk-js/src/ui/primitives/Input.tsx
@@ -39,7 +39,6 @@ type OwnProps = {
   isSuccessful?: boolean;
 };
 
-// @ts-ignore
 export type InputProps = PrimitiveProps<'input'> & StyleVariants<typeof applyVariants> & OwnProps & RequiredProp;
 
 export const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {