From 73c46b875d4a03ef1949064c9ea8a8d07bb012d2 Mon Sep 17 00:00:00 2001
From: Radon Rosborough <radon@intuitiveexplanations.com>
Date: Mon, 19 Jan 2026 17:04:49 -0800
Subject: [PATCH] fix: missing input field names (#963)

* fix: missing input field names

* Use enhanceGetInputProps instead
---
 src/client/pages/auth/login.tsx              | 5 +++++
 src/client/pages/auth/register.tsx           | 5 +++++
 src/client/pages/auth/setup.tsx              | 5 +++++
 src/components/pages/users/EditUserModal.tsx | 4 ++++
 src/components/pages/users/index.tsx         | 4 ++++
 5 files changed, 23 insertions(+)

diff --git a/src/client/pages/auth/login.tsx b/src/client/pages/auth/login.tsx
index 99c07d2b..6856c2f8 100644
--- a/src/client/pages/auth/login.tsx
+++ b/src/client/pages/auth/login.tsx
@@ -86,6 +86,9 @@ export default function Login() {
       username: (value) => (value.length > 1 ? null : 'Username is required'),
       password: (value) => (value.length > 1 ? null : 'Password is required'),
     },
+    enhanceGetInputProps: ({ field }) => ({
+      name: field,
+    }),
   });
 
   const onSubmit = async (values: typeof form.values, code: string | undefined = undefined) => {
@@ -314,6 +317,7 @@ export default function Login() {
                 <TextInput
                   size='md'
                   placeholder='Enter your username...'
+                  autoComplete='username'
                   styles={{
                     input: {
                       backgroundColor: config.website.loginBackground ? 'transparent' : undefined,
@@ -325,6 +329,7 @@ export default function Login() {
                 <PasswordInput
                   size='md'
                   placeholder='Enter your password...'
+                  autoComplete='current-password'
                   styles={{
                     input: {
                       backgroundColor: config.website.loginBackground ? 'transparent' : undefined,
diff --git a/src/client/pages/auth/register.tsx b/src/client/pages/auth/register.tsx
index b5967bc9..3b85108f 100644
--- a/src/client/pages/auth/register.tsx
+++ b/src/client/pages/auth/register.tsx
@@ -67,6 +67,9 @@ export function Component() {
       username: (value) => (value.length < 1 ? 'Username is required' : null),
       password: (value) => (value.length < 1 ? 'Password is required' : null),
     },
+    enhanceGetInputProps: ({ field }) => ({
+      name: field,
+    }),
   });
 
   useEffect(() => {
@@ -214,6 +217,7 @@ export function Component() {
             <TextInput
               size='md'
               placeholder='Enter your username...'
+              autoComplete='username'
               styles={{
                 input: {
                   backgroundColor: config.website.loginBackground ? 'transparent' : undefined,
@@ -225,6 +229,7 @@ export function Component() {
             <PasswordInput
               size='md'
               placeholder='Enter your password...'
+              autoComplete='new-password'
               styles={{
                 input: {
                   backgroundColor: config.website.loginBackground ? 'transparent' : undefined,
diff --git a/src/client/pages/auth/setup.tsx b/src/client/pages/auth/setup.tsx
index 1d93edfc..f6f56de3 100644
--- a/src/client/pages/auth/setup.tsx
+++ b/src/client/pages/auth/setup.tsx
@@ -65,6 +65,9 @@ export function Component() {
       username: (value) => (value.length < 1 ? 'Username is required' : null),
       password: (value) => (value.length < 1 ? 'Password is required' : null),
     },
+    enhanceGetInputProps: ({ field }) => ({
+      name: field,
+    }),
   });
 
   const onSubmit = async (values: typeof form.values) => {
@@ -180,12 +183,14 @@ export function Component() {
               <TextInput
                 label='Username'
                 placeholder='Enter a username...'
+                autoComplete='username'
                 {...form.getInputProps('username')}
               />
 
               <PasswordInput
                 label='Password'
                 placeholder='Enter a password...'
+                autoComplete='new-password'
                 {...form.getInputProps('password')}
               />
             </Stack>
diff --git a/src/components/pages/users/EditUserModal.tsx b/src/components/pages/users/EditUserModal.tsx
index a82ce1f6..97002a14 100755
--- a/src/components/pages/users/EditUserModal.tsx
+++ b/src/components/pages/users/EditUserModal.tsx
@@ -69,6 +69,9 @@ export default function EditUserModal({
         if (typeof value !== 'number' || value < 0) return 'Invalid value';
       },
     },
+    enhanceGetInputProps: ({ field }) => ({
+      name: field,
+    }),
   });
 
   const onSubmit = async (values: typeof form.values) => {
@@ -165,6 +168,7 @@ export default function EditUserModal({
             <TextInput
               label='Username'
               placeholder='Enter a username...'
+              autoComplete='username'
               {...form.getInputProps('username')}
             />
             <PasswordInput
diff --git a/src/components/pages/users/index.tsx b/src/components/pages/users/index.tsx
index 0dc1cf5a..d20297fa 100755
--- a/src/components/pages/users/index.tsx
+++ b/src/components/pages/users/index.tsx
@@ -48,6 +48,9 @@ export default function DashboardUsers() {
       username: (value) => (value.length < 1 ? 'Username is required' : null),
       password: (value) => (value.length < 1 ? 'Password is required' : null),
     },
+    enhanceGetInputProps: ({ field }) => ({
+      name: field,
+    }),
   });
 
   const onSubmit = async (values: typeof form.values) => {
@@ -101,6 +104,7 @@ export default function DashboardUsers() {
             <TextInput
               label='Username'
               placeholder='Enter a username...'
+              autoComplete='username'
               {...form.getInputProps('username')}
             />
             <PasswordInput