From 286bd614976dcf8bcb14cffd092f23ef65393917 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 20 May 2025 00:59:01 +0200
Subject: [PATCH] wip

---
 src/components/tools/DonationCreate.svelte | 3 ++-
 src/components/tools/VirtualSelect.svelte  | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/tools/DonationCreate.svelte b/src/components/tools/DonationCreate.svelte
index 898da443..62115f81 100644
--- a/src/components/tools/DonationCreate.svelte
+++ b/src/components/tools/DonationCreate.svelte
@@ -218,7 +218,8 @@
 					return option.label.toLowerCase().startsWith(searchTerm.toLowerCase());
 				}}
 				bind:selected={selectedOption}
-				placeholder="Search fruits..."
+				inputPlaceholder={$_("search-for-runner-by-name-or-id")}
+        noOptionsText={$_("no-runners-found")}
 				on:select={handleSelect}
 			/>
 			{#if selectedOption}
diff --git a/src/components/tools/VirtualSelect.svelte b/src/components/tools/VirtualSelect.svelte
index f1f31d04..4e1df8cf 100644
--- a/src/components/tools/VirtualSelect.svelte
+++ b/src/components/tools/VirtualSelect.svelte
@@ -105,6 +105,12 @@
 		await updateVisibleCount(); // Ensure items render on focus
 	}
 
+	// Handle input typing to open dropdown
+	async function handleInput() {
+		isOpen = true;
+		await updateVisibleCount(); // Ensure items render on typing
+	}
+
 	// Handle keyboard navigation
 	function handleKeydown(event, index) {
 		if (!isOpen) return;
@@ -185,6 +191,7 @@
 				? 'text-black'
 				: 'text-gray-700'}"
 			on:focus={handleInputFocus}
+			on:input={handleInput}
 			on:keydown={(e) => {
 				if (e.key === "Enter" && !isOpen) {
 					toggleDropdown();