From b0a2dd6732a6e1b146c11d8e607d6630affb2877 Mon Sep 17 00:00:00 2001
From: Chloe <chloe@sapphic.moe>
Date: Wed, 5 Nov 2025 20:03:51 +0500
Subject: [PATCH] fix(login): update 'id' prop to work with password managers

---
 src/components/login.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/login.tsx b/src/components/login.tsx
index 0de1e20..3473521 100644
--- a/src/components/login.tsx
+++ b/src/components/login.tsx
@@ -62,19 +62,21 @@ const Login = () => {
 
   return (
     <form class="flex flex-col gap-y-2 px-1" onsubmit={(e) => e.preventDefault()}>
-      <label for="handle" class="hidden">
+      <label for="username" class="hidden">
         Add account
       </label>
       <div class="dark:bg-dark-100 dark:shadow-dark-700 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">
         <label
-          for="handle"
+          for="username"
           class="iconify lucide--user-round-plus shrink-0 text-neutral-500 dark:text-neutral-400"
         ></label>
         <input
           type="text"
           spellcheck={false}
           placeholder="user.bsky.social"
-          id="handle"
+          id="username"
+          name="username"
+          autocomplete="username"
           class="grow py-1 select-none placeholder:text-sm focus:outline-none"
           onInput={(e) => setLoginInput(e.currentTarget.value)}
         />
-- 
2.43.0


From 04688396434e06b9d4f02cd0ac52b834890b9b77 Mon Sep 17 00:00:00 2001
From: Chloe <chloe@sapphic.moe>
Date: Wed, 5 Nov 2025 20:09:15 +0500
Subject: [PATCH] add aria-label for handle input field

---
 src/components/login.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/login.tsx b/src/components/login.tsx
index 3473521..b724fd9 100644
--- a/src/components/login.tsx
+++ b/src/components/login.tsx
@@ -77,6 +77,7 @@ const Login = () => {
           id="username"
           name="username"
           autocomplete="username"
+          aria-label="Your AT Protocol handle"
           class="grow py-1 select-none placeholder:text-sm focus:outline-none"
           onInput={(e) => setLoginInput(e.currentTarget.value)}
         />
-- 
2.43.0