From cb2b6dfdba8953a3d1f432e4af2b2725f5e267ca Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Wed, 11 Oct 2023 16:01:17 +0200
Subject: [PATCH] fix(frontend): fix mobile multi select (#2431)

* fix(frontend): fix mobile multi select

* fix(frontend): fix mobile multi select

* fix(frontend): fix mobile multi select
---
 .../apps/components/inputs/AppMultiSelect.svelte | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
index e7af65e2bf..56b3197a91 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
@@ -149,9 +149,6 @@
 					ulSelectedClass={`${resolvedConfig.allowOverflow ? '' : 'overflow-auto max-h-full'} `}
 					ulOptionsClass={'p-2 !bg-surface-secondary'}
 					bind:selected={value}
-					on:change={() => {
-						outputs?.result.set([...(value ?? [])])
-					}}
 					options={Array.isArray(items) ? items : []}
 					placeholder={resolvedConfig.placeholder}
 					allowUserOptions={resolvedConfig.create}
@@ -163,12 +160,23 @@
 						open = false
 					}}
 				>
-					<div slot="option" let:option>
+					<!-- svelte-ignore a11y-no-static-element-interactions -->
+					<div
+						slot="option"
+						let:option
+						on:mouseup|stopPropagation
+						on:pointerdown={(e) => {
+							const nValue = [...(value ?? []), option]
+							value = [...new Set(nValue)]
+							outputs?.result.set([...(value ?? [])])
+						}}
+					>
 						{option}
 					</div>
 				</MultiSelect>
 				<Portal>
 					<div use:floatingContent class="z5000" hidden={!open}>
+						<!-- svelte-ignore a11y-no-static-element-interactions -->
 						<!-- svelte-ignore a11y-click-events-have-key-events -->
 						<div
 							bind:this={portalRef}