feat: add autocomplete attributes on passwordless form fields

supertokens · Oct 5, 2023 · 4968278 · 4968278
1 parent e84e083
commit 4968278
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 0 deletions.
diff --git a/lib/build/passwordless-shared3.js b/lib/build/passwordless-shared3.js
diff --git a/lib/ts/recipe/passwordless/components/themes/signInUp/emailForm.tsx b/lib/ts/recipe/passwordless/components/themes/signInUp/emailForm.tsx
@@ -40,6 +40,7 @@ export const EmailForm = withOverride(
                         optional: false,
                         autofocus: true,
                         placeholder: "",
+                        autoComplete: "email",
                         // We are using the default validator that allows any string
                         validate: defaultValidate,
                     },

diff --git a/lib/ts/recipe/passwordless/components/themes/signInUp/emailOrPhoneForm.tsx b/lib/ts/recipe/passwordless/components/themes/signInUp/emailOrPhoneForm.tsx
@@ -59,6 +59,9 @@ export const EmailOrPhoneForm = withOverride(
                         optional: false,
                         autofocus: true,
                         placeholder: "",
+                        // We do not add an autocomplete prop in this case, since we do not really have any sensible option to set
+                        // Setting them to either "tel" or "email" would give people the wrong impression since this could have either
+                        // AFAIK we can't set them both at the same time
                         validate: defaultValidate,
                     },
                 ]}

diff --git a/lib/ts/recipe/passwordless/components/themes/signInUp/phoneForm.tsx b/lib/ts/recipe/passwordless/components/themes/signInUp/phoneForm.tsx
@@ -56,6 +56,7 @@ export const PhoneForm = withOverride(
                         optional: false,
                         autofocus: true,
                         placeholder: "",
+                        autoComplete: "tel",
                         validate: defaultValidate,
                     },
                 ]}

diff --git a/lib/ts/recipe/passwordless/components/themes/signInUp/userInputCodeForm.tsx b/lib/ts/recipe/passwordless/components/themes/signInUp/userInputCodeForm.tsx
@@ -121,6 +121,7 @@ export const UserInputCodeForm = withOverride(
                             autofocus: true,
                             optional: false,
                             clearOnSubmit: true,
+                            autoComplete: "one-time-code",
                             placeholder: "",
                             validate: userInputCodeValidate,
                         },