From 3be5077178ffa8ee02a8e0b0ebb003a43a3995d5 Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Mon, 12 Oct 2026 10:24:18 +0200
Subject: [PATCH] feat(auth): enhance login page accessibility and form error
 reset

---
 app/(auth)/login/page.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/app/(auth)/login/page.tsx b/app/(auth)/login/page.tsx
index cb795b6..00a3491 100644
--- a/app/(auth)/login/page.tsx
+++ b/app/(auth)/login/page.tsx
@@ -1,6 +1,6 @@
 /**
  * @file app/(auth)/login/page.tsx
- * @description Client component providing a user login interface utilizing the auth service.
+ * @description Client component providing a user login interface utilizing the auth service and ActionButton.
  */
 
 "use client";
@@ -25,6 +25,15 @@ export default function LoginPage() {
     "credentials" | "guest" | null
   >(null);
 
+  /**
+   * Clears active error state when user modifies input fields.
+   */
+  const handleInputChange = () => {
+    if (error) {
+      setError(null);
+    }
+  };
+
   /**
    * Performs user authentication via email and password using the auth service.
    * Redirects to the summary page upon success or sets an error message on failure.
@@ -125,7 +134,11 @@ export default function LoginPage() {
           </div>
         )}
 
-        <form onSubmit={handleSubmit} className="space-y-4">
+        <form
+          onSubmit={handleSubmit}
+          onChange={handleInputChange}
+          className="space-y-4"
+        >
           <div className="space-y-1.5">
             <label
               htmlFor="email"
@@ -139,6 +152,7 @@ export default function LoginPage() {
               type="email"
               placeholder="name@example.com"
               maxLength={255}
+              autoComplete="email"
               required
               className="w-full px-3.5 py-2.5 text-sm rounded-lg border border-border bg-background/50 text-foreground placeholder:text-foreground-muted/50 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-colors"
             />
@@ -157,6 +171,7 @@ export default function LoginPage() {
               type="password"
               placeholder="••••••••••••"
               maxLength={72}
+              autoComplete="current-password"
               required
               className="w-full px-3.5 py-2.5 text-sm rounded-lg border border-border bg-background/50 text-foreground placeholder:text-foreground-muted/50 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-colors"
             />