lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

feat(donationcreate): autofocus runner input on page load

Browse Source
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
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/tools/DonationCreate.svelte
View File

@ -7,6 +7,7 @@
} from "@odit/lfk-client-js"; } from "@odit/lfk-client-js";
import Select from "svelte-select"; import Select from "svelte-select";
import toast from "svelte-french-toast"; import toast from "svelte-french-toast";
import { onMount } from "svelte";
let runners = []; let runners = [];
let donors = []; let donors = [];
@ -75,6 +76,10 @@
clears[i].click(); clears[i].click();
} }
} }
onMount(() => {
document.querySelector("#wrapper_runner_select input").focus();
})
</script> </script>
<div class="p-4"> <div class="p-4">
@ -94,7 +99,7 @@
{/if} {/if}
<!-- Runner Selection --> <!-- Runner Selection -->
<div> <div id="wrapper_runner_select">
<h4 class="text-xl font-semibold">{$_("runner")}</h4> <h4 class="text-xl font-semibold">{$_("runner")}</h4>
<Select <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" 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"