Enable autocomplete on username inputs

src/lib/components/DriverCard.svelte

@@ -61,6 +61,7 @@
         id="driver_first_name_{driver?.id ?? 'create'}"
         name="firstname"
         value={driver?.firstname ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         disabled={disable_inputs}
         required={require_inputs}>First Name</Input
@@ -69,6 +70,7 @@
         id="driver_last_name_{driver?.id ?? 'create'}"
         name="lastname"
         value={driver?.lastname ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         disabled={disable_inputs}
         required={require_inputs}>Last Name</Input
@@ -77,6 +79,7 @@
         id="driver_code_{driver?.id ?? 'create'}"
         name="code"
         value={driver?.code ?? ""}
+        autocomplete="off"
         minlength={3}
         maxlength={3}
         labelwidth="120px"

src/lib/components/Dropdown.svelte

@@ -91,6 +91,7 @@
     <input
       use:popup={popup_settings}
       type="button"
+      autocomplete="off"
       style="height: 42px; text-align: start; text-indent: 12px; border-top-left-radius: 0; border-bottom-left-radius: 0;"
       use:obtain_input
       use:action
@@ -102,6 +103,7 @@
     <input
       use:popup={popup_settings}
       type="button"
+      autocomplete="off"
       style="height: 42px; text-align: start; text-indent: 12px; border-top-left-radius: 0; border-bottom-left-radius: 0;"
       use:obtain_input
       onkeypress={(event: Event) => event.preventDefault()}

src/lib/components/RaceCard.svelte

@@ -74,6 +74,7 @@
         id="race_name_{race?.id ?? 'create'}"
         name="name"
         value={race?.name ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         disabled={disable_inputs}
         required={require_inputs}>Name</Input
@@ -82,6 +83,7 @@
         id="race_step_{race?.id ?? 'create'}"
         name="step"
         value={race?.step ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="number"
         min={1}
@@ -93,6 +95,7 @@
         id="race_pxx_{race?.id ?? 'create'}"
         name="pxx"
         value={race?.pxx ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="number"
         min={1}
@@ -106,6 +109,7 @@
         id="race_sprintqualidate_{race?.id ?? 'create'}"
         name="sprintqualidate"
         value={sprintqualidate ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="datetime-local"
         disabled={disable_inputs}>Sprint Quali</Input
@@ -114,6 +118,7 @@
         id="race_sprintdate_{race?.id ?? 'create'}"
         name="sprintdate"
         value={sprintdate ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="datetime-local"
         disabled={disable_inputs}>Sprint</Input
@@ -122,6 +127,7 @@
         id="race_qualidate_{race?.id ?? 'create'}"
         name="qualidate"
         value={qualidate ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="datetime-local"
         disabled={disable_inputs}
@@ -131,6 +137,7 @@
         id="race_racedate_{race?.id ?? 'create'}"
         name="racedate"
         value={racedate ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="datetime-local"
         disabled={disable_inputs}

src/lib/components/TeamCard.svelte

@@ -48,9 +48,12 @@
         id="team_name_{team?.id ?? 'create'}"
         name="name"
         value={team?.name ?? ""}
+        autocomplete="off"
         disabled={disable_inputs}
-        required={require_inputs}>Name</Input
+        required={require_inputs}
       >
+        Name
+      </Input>
 
       <!-- Logo upload -->
       <FileDropzone
@@ -68,12 +71,12 @@
       <!-- Save/Delete buttons -->
       <div class="flex justify-end gap-2">
         {#if team}
-          <Button formaction="?/update_team" color="secondary" disabled={disable_inputs} submit
-            >Save Changes</Button
-          >
-          <Button color="primary" submit disabled={disable_inputs} formaction="?/delete_team"
-            >Delete</Button
-          >
+          <Button formaction="?/update_team" color="secondary" disabled={disable_inputs} submit>
+            Save Changes
+          </Button>
+          <Button color="primary" submit disabled={disable_inputs} formaction="?/delete_team">
+            Delete
+          </Button>
         {:else}
           <Button formaction="?/create_team" color="tertiary" submit>Create Team</Button>
         {/if}

src/routes/+layout.svelte

@@ -115,9 +115,9 @@
     <!-- Data Drawer -->
     <!-- Data Drawer -->
     <div class="flex flex-col gap-2 p-2">
-      <Button href="/data/raceresult" onclick={close_drawer} color="surface" fullwidth
-        >Race Results</Button
-      >
+      <Button href="/data/raceresult" onclick={close_drawer} color="surface" fullwidth>
+        Race Results
+      </Button>
       <Button href="/data/season" onclick={close_drawer} color="surface" fullwidth>Season</Button>
       <Button href="/data/user" onclick={close_drawer} color="surface" fullwidth>Users</Button>
     </div>
@@ -130,16 +130,16 @@
       <form method="POST" class="contents">
         <!-- Supply the pathname so the form can redirect to the current page. -->
         <input type="hidden" name="redirect_url" value={$page.url.pathname} />
-        <Input name="username" placeholder="Username" required>
+        <Input name="username" placeholder="Username" autocomplete="username" required>
           <UserIcon />
         </Input>
-        <Input name="password" type="password" placeholder="Password" required
-          ><PasswordIcon />
+        <Input name="password" type="password" placeholder="Password" autocomplete="off" required>
+          <PasswordIcon />
         </Input>
         <div class="flex justify-end gap-2">
-          <Button formaction="/profile?/login" onclick={close_drawer} color="tertiary" submit
-            >Login</Button
-          >
+          <Button formaction="/profile?/login" onclick={close_drawer} color="tertiary" submit>
+            Login
+          </Button>
           <Button
             formaction="/profile?/create_profile"
             onclick={close_drawer}
@@ -159,8 +159,14 @@
         <!-- Supply the pathname so the form can redirect to the current page. -->
         <input type="hidden" name="redirect_url" value={$page.url.pathname} />
         <input type="hidden" name="id" value={data.user.id} />
-        <Input name="username" value={data.user.username} placeholder="Username"><UserIcon /></Input
+        <Input
+          name="username"
+          value={data.user.username}
+          placeholder="Username"
+          autocomplete="username"
         >
+          <UserIcon />
+        </Input>
         <FileDropzone
           name="avatar"
           onchange={get_avatar_preview_event_handler("user_avatar_preview")}
@@ -172,11 +178,13 @@
             formaction="/profile?/update_profile"
             onclick={close_drawer}
             color="secondary"
-            submit>Save Changes</Button
-          >
-          <Button formaction="/profile?/logout" onclick={close_drawer} color="primary" submit
-            >Logout</Button
+            submit
           >
+            Save Changes
+          </Button>
+          <Button formaction="/profile?/logout" onclick={close_drawer} color="primary" submit>
+            Logout
+          </Button>
         </div>
       </form>
     </div>