From b9e2e653310c686bc06b9f27c38b49e9c6a3eaef Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 20 May 2025 00:01:23 +0200
Subject: [PATCH] feat(donationcreate): autofocus runner input on page load

---
 src/components/tools/DonationCreate.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/tools/DonationCreate.svelte b/src/components/tools/DonationCreate.svelte
index c5a631d8..3d83b403 100644
--- a/src/components/tools/DonationCreate.svelte
+++ b/src/components/tools/DonationCreate.svelte
@@ -7,6 +7,7 @@
   } from "@odit/lfk-client-js";
   import Select from "svelte-select";
   import toast from "svelte-french-toast";
+	import { onMount } from "svelte";
 
   let runners = [];
   let donors = [];
@@ -75,6 +76,10 @@
       clears[i].click();
     }
   }
+
+  onMount(() => {
+    document.querySelector("#wrapper_runner_select input").focus();
+  })
 </script>
 
 <div class="p-4">
@@ -94,7 +99,7 @@
       {/if}
 
       <!-- Runner Selection -->
-      <div>
+      <div id="wrapper_runner_select">
         <h4 class="text-xl font-semibold">{$_("runner")}</h4>
         <Select
           containerClasses="rounded-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"