feat(donationcreate): autofocus runner input on page load

This commit is contained in:
Philipp Dormann 2025-05-20 00:01:23 +02:00
parent 27e7bbb9d1
commit b9e2e65331
Signed by: philipp
GPG Key ID: 3BB9ADD52DCA4314

View File

@ -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"