wip

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}

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();