From 18205e1b82fae944358bf04669f523080d9e9642 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Thu, 8 Jan 2026 22:54:44 +0000
Subject: [PATCH] removed spellcheck from fields that don't need it

---
 packages/frontend/src/components/login-form.tsx                | 3 +++
 .../frontend/src/components/server-configuration-dialog.tsx    | 1 +
 packages/frontend/src/components/ui/field.tsx                  | 3 +++
 3 files changed, 7 insertions(+)

diff --git a/packages/frontend/src/components/login-form.tsx b/packages/frontend/src/components/login-form.tsx
index e6a432f..e3d09f5 100644
--- a/packages/frontend/src/components/login-form.tsx
+++ b/packages/frontend/src/components/login-form.tsx
@@ -141,6 +141,7 @@ export default function LogInForm() {
                                     onChange={(e) => setName(e.target.value)}
                                     validate={(v) => (v.trim() === "" ? "Cannot be empty" : undefined)}
                                     submitAttempted={submitAttempted}
+                                    spellcheck={false}
                                 />
                             </>
                         )}
@@ -150,6 +151,7 @@ export default function LogInForm() {
                             onChange={(e) => setUsername(e.target.value)}
                             validate={(v) => (v.trim() === "" ? "Cannot be empty" : undefined)}
                             submitAttempted={submitAttempted}
+                            spellcheck={false}
                         />
                         <Field
                             label="Password"
@@ -158,6 +160,7 @@ export default function LogInForm() {
                             validate={(v) => (v.trim() === "" ? "Cannot be empty" : undefined)}
                             hidden={true}
                             submitAttempted={submitAttempted}
+                            spellcheck={false}
                         />
                     </div>
 
diff --git a/packages/frontend/src/components/server-configuration-dialog.tsx b/packages/frontend/src/components/server-configuration-dialog.tsx
index ab100b2..0a92ee8 100644
--- a/packages/frontend/src/components/server-configuration-dialog.tsx
+++ b/packages/frontend/src/components/server-configuration-dialog.tsx
@@ -145,6 +145,7 @@ export function ServerConfigurationDialog({ trigger }: { trigger?: ReactNode })
                                     }}
                                     placeholder="https://example.com"
                                     className={!isValid ? "border-destructive" : ""}
+                                    spellCheck={false}
                                 />
                                 <Button
                                     type="button"
diff --git a/packages/frontend/src/components/ui/field.tsx b/packages/frontend/src/components/ui/field.tsx
index 0913826..b51e75a 100644
--- a/packages/frontend/src/components/ui/field.tsx
+++ b/packages/frontend/src/components/ui/field.tsx
@@ -12,6 +12,7 @@ export function Field({
     placeholder,
     error,
     tabIndex,
+    spellcheck,
 }: {
     label: string;
     value?: string;
@@ -22,6 +23,7 @@ export function Field({
     placeholder?: string;
     error?: string;
     tabIndex?: number;
+    spellcheck?: boolean;
 }) {
     const [internalTouched, setInternalTouched] = useState(false);
     const isTouched = submitAttempted || internalTouched;
@@ -53,6 +55,7 @@ export function Field({
                 aria-invalid={error !== undefined || invalidMessage !== ""}
                 type={hidden ? "password" : "text"}
                 tabIndex={tabIndex}
+                spellCheck={spellcheck}
             />
             <div className="flex items-end justify-end w-full text-xs mb-0 -mt-1">
                 {error || invalidMessage !== "" ? (