From f4a8acddf4b068238fb0fc748a742dedaac787bc Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 19 Feb 2024 17:35:00 +0100
Subject: [PATCH] randomId drop target

---
 frontend/src/lib/components/DateTimeInput.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/DateTimeInput.svelte b/frontend/src/lib/components/DateTimeInput.svelte
index a2c12de46c..bbaf3fe132 100644
--- a/frontend/src/lib/components/DateTimeInput.svelte
+++ b/frontend/src/lib/components/DateTimeInput.svelte
@@ -48,9 +48,11 @@
 		value = newDate.toISOString()
 		dispatch('change', value)
 	}
+
+	let randomId = 'datetarget-' + Math.random().toString(36).substring(7)
 </script>
 
-<div class="flex flex-row gap-1 items-center w-full" id="droptarget">
+<div class="flex flex-row gap-1 items-center w-full" id={randomId}>
 	<!-- svelte-ignore a11y-autofocus -->
 	<input type="date" bind:value={date} {autofocus} class="!w-3/4" />
 	<input type="time" bind:value={time} class="!w-1/4 min-w-[100px]" />
@@ -58,7 +60,7 @@
 		variant="border"
 		color="light"
 		size="xs"
-		portalTarget="#droptarget"
+		portalTarget={`#${randomId}`}
 		dropdownItems={useDropdown
 			? [
 					{