From 61ac5e45f5e59d5bb2ad535176f67eacee06d9ae Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 17 Oct 2023 10:43:44 +0200
Subject: [PATCH] fix multiselect for mobile v2

---
 .../apps/components/inputs/AppMultiSelect.svelte    | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
index a4d48c33b2..ee3812fbc9 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
@@ -162,7 +162,18 @@
 					on:close={() => {
 						open = false
 					}}
-				/>
+					let:option
+				>
+					<!-- needed because portal doesn't work for mouseup event en mobile -->
+					<div
+						class="w-full"
+						on:mouseup|stopPropagation
+						on:pointerdown|stopPropagation={(e) => {
+							let newe = new MouseEvent('mouseup')
+							e.target?.['parentElement']?.dispatchEvent(newe)
+						}}>{option}</div
+					>
+				</MultiSelect>
 				<Portal>
 					<div use:floatingContent class="z5000" hidden={!open}>
 						<!-- svelte-ignore a11y-no-static-element-interactions -->