Fix login form not being detected by 1Password

Add name, id, and htmlFor attributes to form inputs and a method/action
to the form element so password managers can properly identify the login
form fields.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
dotta 2026-03-21 12:51:05 -05:00
parent f8dd4dcb30
commit cd7c6ee751

View file

@ -89,6 +89,8 @@ export function AuthPage() {
<form
className="mt-6 space-y-4"
method="post"
action="/api/auth/sign-in/email"
onSubmit={(event) => {
event.preventDefault();
if (mutation.isPending) return;
@ -101,8 +103,10 @@ export function AuthPage() {
>
{mode === "sign_up" && (
<div>
<label className="text-xs text-muted-foreground mb-1 block">Name</label>
<label htmlFor="name" className="text-xs text-muted-foreground mb-1 block">Name</label>
<input
id="name"
name="name"
className="w-full rounded-md border border-border bg-transparent px-3 py-2 text-sm outline-none focus:ring-1 focus:ring-ring placeholder:text-muted-foreground/50"
value={name}
onChange={(event) => setName(event.target.value)}
@ -112,8 +116,10 @@ export function AuthPage() {
</div>
)}
<div>
<label className="text-xs text-muted-foreground mb-1 block">Email</label>
<label htmlFor="email" className="text-xs text-muted-foreground mb-1 block">Email</label>
<input
id="email"
name="email"
className="w-full rounded-md border border-border bg-transparent px-3 py-2 text-sm outline-none focus:ring-1 focus:ring-ring placeholder:text-muted-foreground/50"
type="email"
value={email}
@ -123,8 +129,10 @@ export function AuthPage() {
/>
</div>
<div>
<label className="text-xs text-muted-foreground mb-1 block">Password</label>
<label htmlFor="password" className="text-xs text-muted-foreground mb-1 block">Password</label>
<input
id="password"
name="password"
className="w-full rounded-md border border-border bg-transparent px-3 py-2 text-sm outline-none focus:ring-1 focus:ring-ring placeholder:text-muted-foreground/50"
type="password"
value={password}