♿ Add autoFocus and autoComplete to login form

maykinmedia · May 13, 2024 · 88e8e24 · 88e8e24
1 parent 078091b
commit 88e8e24
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/frontend/src/pages/login/Login.tsx b/frontend/src/pages/login/Login.tsx
@@ -33,8 +33,19 @@ export type LoginProps = React.ComponentProps<"main"> & {
  */
 export function LoginPage({ children, ...props }: LoginProps) {
   const fields = [
-    { label: "Gebruikersnaam", name: "username", type: "text" },
-    { label: "Wachtwoord", name: "password", type: "password" },
+    {
+      autoFocus: true,
+      autoComplete: "username",
+      label: "Gebruikersnaam",
+      name: "username",
+      type: "text",
+    },
+    {
+      autoComplete: "current-password",
+      label: "Wachtwoord",
+      name: "password",
+      type: "password",
+    },
   ];
 
   const actionData = useActionData() || {};