From 1ad4173e2a9c783c976fe83e4a966a2985ec6333 Mon Sep 17 00:00:00 2001
From: CactusBlue <thecactusblue@gmail.com>
Date: Tue, 28 Jan 2025 18:37:40 -0800
Subject: [PATCH] add autocomplete for emails as well (#407)

---
 .../(protected)/projects/[projectId]/emails/page-client.tsx     | 2 +-
 packages/stack/src/components-page/forgot-password.tsx          | 1 +
 packages/stack/src/components/credential-sign-in.tsx            | 1 +
 packages/stack/src/components/credential-sign-up.tsx            | 2 +-
 packages/stack/src/components/magic-link-sign-in.tsx            | 1 +
 5 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/emails/page-client.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/emails/page-client.tsx
index 56501dd54..1508b501b 100644
--- a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/emails/page-client.tsx
+++ b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/emails/page-client.tsx
@@ -318,7 +318,7 @@ function TestSendingDialog(props: {
     }}
     render={(form) => (
       <>
-        <InputField label="Email" name="email" control={form.control} type="email" required/>
+        <InputField label="Email" name="email" control={form.control} type="email" autoComplete="email" required/>
         {error && <Alert variant="destructive">{error}</Alert>}
       </>
     )}
diff --git a/packages/stack/src/components-page/forgot-password.tsx b/packages/stack/src/components-page/forgot-password.tsx
index e008b044f..86b90db38 100644
--- a/packages/stack/src/components-page/forgot-password.tsx
+++ b/packages/stack/src/components-page/forgot-password.tsx
@@ -47,6 +47,7 @@ export function ForgotPasswordForm({ onSent }: { onSent?: () => void }) {
       <Input
         id="email"
         type="email"
+        autoComplete="email"
         {...register('email')}
         onChange={() => clearErrors('email')}
       />
diff --git a/packages/stack/src/components/credential-sign-in.tsx b/packages/stack/src/components/credential-sign-in.tsx
index d6bdb40b6..14733a8ce 100644
--- a/packages/stack/src/components/credential-sign-in.tsx
+++ b/packages/stack/src/components/credential-sign-in.tsx
@@ -52,6 +52,7 @@ export function CredentialSignIn() {
       <Input
         id="email"
         type="email"
+        autoComplete="email"
         {...register('email')}
       />
       <FormWarningText text={errors.email?.message?.toString()} />
diff --git a/packages/stack/src/components/credential-sign-up.tsx b/packages/stack/src/components/credential-sign-up.tsx
index 9352bde12..1f9a50b18 100644
--- a/packages/stack/src/components/credential-sign-up.tsx
+++ b/packages/stack/src/components/credential-sign-up.tsx
@@ -62,7 +62,7 @@ export function CredentialSignUp(props: { noPasswordRepeat?: boolean }) {
       noValidate
     >
       <Label htmlFor="email" className="mb-1">{t('Email')}</Label>
-      <Input id="email" type="email" {...register('email')}/>
+      <Input id="email" type="email" autoComplete="email" {...register('email')}/>
       <FormWarningText text={errors.email?.message?.toString()} />
 
       <Label htmlFor="password" className="mt-4 mb-1">{t('Password')}</Label>
diff --git a/packages/stack/src/components/magic-link-sign-in.tsx b/packages/stack/src/components/magic-link-sign-in.tsx
index 4e11d015f..09fa7c8ce 100644
--- a/packages/stack/src/components/magic-link-sign-in.tsx
+++ b/packages/stack/src/components/magic-link-sign-in.tsx
@@ -123,6 +123,7 @@ export function MagicLinkSignIn() {
         <Input
           id="email"
           type="email"
+          autoComplete="email"
           {...register('email')}
         />
         <FormWarningText text={errors.email?.message?.toString()} />