From 194aadd3232c9eeacf46aac44002c45afa96b4a5 Mon Sep 17 00:00:00 2001 From: Jacek Date: Fri, 1 Aug 2025 11:45:38 -0500 Subject: [PATCH 1/4] fix(clerk-js): Pass valid DOM property to input --- packages/clerk-js/src/ui/primitives/Input.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/clerk-js/src/ui/primitives/Input.tsx b/packages/clerk-js/src/ui/primitives/Input.tsx index f96d561f6e2..2aa6534e7a0 100644 --- a/packages/clerk-js/src/ui/primitives/Input.tsx +++ b/packages/clerk-js/src/ui/primitives/Input.tsx @@ -86,7 +86,7 @@ export const Input = React.forwardRef((props, ref) const typeProps = type === 'email' - ? { type: 'text', pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$', inputmode: 'email' } + ? { type: 'text', pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$', inputMode: 'email' } : { type: type || 'text' }; const passwordManagerProps = ignorePasswordManager From c190380f3dd278c1712d53f52ba67ba1c5cfaa3f Mon Sep 17 00:00:00 2001 From: Jacek Date: Fri, 1 Aug 2025 11:51:28 -0500 Subject: [PATCH 2/4] fix types by using as const assertion on string literal --- packages/clerk-js/src/ui/primitives/Input.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/clerk-js/src/ui/primitives/Input.tsx b/packages/clerk-js/src/ui/primitives/Input.tsx index 2aa6534e7a0..2dfd21cb21e 100644 --- a/packages/clerk-js/src/ui/primitives/Input.tsx +++ b/packages/clerk-js/src/ui/primitives/Input.tsx @@ -86,8 +86,8 @@ export const Input = React.forwardRef((props, ref) const typeProps = type === 'email' - ? { type: 'text', pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$', inputMode: 'email' } - : { type: type || 'text' }; + ? { type: 'text' as const, pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$', inputMode: 'email' as const } + : { type: type || 'text' as const }; const passwordManagerProps = ignorePasswordManager ? { From d8bc0870f90176ee9a9a4b89ada1059e049f2fab Mon Sep 17 00:00:00 2001 From: Jacek Date: Fri, 1 Aug 2025 13:19:56 -0500 Subject: [PATCH 3/4] changeset --- .changeset/shaky-baboons-taste.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/shaky-baboons-taste.md diff --git a/.changeset/shaky-baboons-taste.md b/.changeset/shaky-baboons-taste.md new file mode 100644 index 00000000000..1076da6ce87 --- /dev/null +++ b/.changeset/shaky-baboons-taste.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Fix invalid DOM element prop being passed down to Input From 6c81ef997e4b0d5729409649161e0154b97909c4 Mon Sep 17 00:00:00 2001 From: Jacek Date: Fri, 1 Aug 2025 13:38:13 -0500 Subject: [PATCH 4/4] fmt --- packages/clerk-js/src/ui/primitives/Input.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/clerk-js/src/ui/primitives/Input.tsx b/packages/clerk-js/src/ui/primitives/Input.tsx index 2dfd21cb21e..87d903c0e33 100644 --- a/packages/clerk-js/src/ui/primitives/Input.tsx +++ b/packages/clerk-js/src/ui/primitives/Input.tsx @@ -87,7 +87,7 @@ export const Input = React.forwardRef((props, ref) const typeProps = type === 'email' ? { type: 'text' as const, pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$', inputMode: 'email' as const } - : { type: type || 'text' as const }; + : { type: type || ('text' as const) }; const passwordManagerProps = ignorePasswordManager ? {