From 4d79589903bb0726f6bcb2c0e5089a9e20f7db17 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 20 May 2025 01:23:26 +0200
Subject: [PATCH] inputElementID param

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

diff --git a/src/components/tools/VirtualSelect.svelte b/src/components/tools/VirtualSelect.svelte
index ec638df3..9e906c84 100644
--- a/src/components/tools/VirtualSelect.svelte
+++ b/src/components/tools/VirtualSelect.svelte
@@ -1,6 +1,11 @@
 <script>
 	import { createEventDispatcher, onMount, tick } from "svelte";
 
+	// Generate a default unique ID
+	function generateDefaultID() {
+		return "virtual-select-" + Math.random().toString(36).slice(2);
+	}
+
 	// Props
 	export let options = [];
 	export let selected = null;
@@ -11,6 +16,7 @@
 	export let clearAriaLabel = "Clear selection";
 	export let filterFn = null; // Custom filter function
 	export let autofocus = false; // Autofocus input
+	export let inputElementID = generateDefaultID(); // Input element ID
 
 	// Internal state
 	let searchTerm = "";
@@ -191,6 +197,7 @@
 	>
 		<input
 			type="text"
+			id={inputElementID}
 			bind:value={searchTerm}
 			bind:this={inputElement}
 			placeholder={getDisplayText()}