fix: add autoComplete attributes to form inputs for better UX

- Add autoComplete="username" and "current-password" to login form
- Add autoComplete="email" and "new-password" to register form inputs
- Add autoComplete="name" to profile display name input
- Add autoComplete="off" to connector search input
- Enables browser password managers and autofill functionality
This commit is contained in:
SohamBhattacharjee2003 2026-04-08 04:58:14 +05:30
parent 4066cbc6f0
commit 36391acfd0
4 changed files with 7 additions and 0 deletions

View file

@ -156,6 +156,7 @@ export function LocalLoginForm() {
<input
id="email"
type="email"
autoComplete="username"
required
placeholder="you@example.com"
value={username}
@ -177,6 +178,7 @@ export function LocalLoginForm() {
<input
id="password"
type={showPassword ? "text" : "password"}
autoComplete="current-password"
required
placeholder="Enter your password"
value={password}

View file

@ -238,6 +238,7 @@ export default function RegisterPage() {
<input
id="email"
type="email"
autoComplete="email"
required
placeholder="you@example.com"
value={email}
@ -261,6 +262,7 @@ export default function RegisterPage() {
<input
id="password"
type="password"
autoComplete="new-password"
required
placeholder="Enter your password"
value={password}
@ -284,6 +286,7 @@ export default function RegisterPage() {
<input
id="confirmPassword"
type="password"
autoComplete="new-password"
required
placeholder="Confirm your password"
value={confirmPassword}

View file

@ -93,6 +93,7 @@ export function ProfileContent() {
<Input
id="display-name"
type="text"
autoComplete="name"
placeholder={user?.email?.split("@")[0]}
value={displayName}
onChange={(e) => setDisplayName(e.target.value)}