From 9e0061d1b1acd4c86f9a71a4cb92ed82e6d3c904 Mon Sep 17 00:00:00 2001
From: ryantanrk <ryantanrk@gmail.com>
Date: Mon, 31 Oct 2022 13:57:01 +0800
Subject: [PATCH] fix: when value is null, multiple select not responsive

---
 components/select/src/MultipleSelect.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/select/src/MultipleSelect.svelte b/components/select/src/MultipleSelect.svelte
index 689b8e15..98f99f12 100644
--- a/components/select/src/MultipleSelect.svelte
+++ b/components/select/src/MultipleSelect.svelte
@@ -127,6 +127,8 @@
       window.removeEventListener("click", onHide);
     };
   });
+
+  $: if (!value) value = [];
 </script>
 
 <div class="resp-select--multiple {className}" {...$$restProps} bind:this={ref}>
@@ -139,7 +141,13 @@
       activeOptionIdx = 0;
     }}
   >
-    <input {name} on:input on:change type="hidden" value={Array.isArray(value) ? value.join(",") : ""} />
+    <input
+      {name}
+      on:input
+      on:change
+      type="hidden"
+      value={Array.isArray(value) ? value.join(",") : value}
+    />
     <span class="resp-select__tags" on:click={handleRemove}>
       {#each value as item}
         {#if dict.get(item)}