From c91439ac4328d546f2b978763747f2eda8e814ba Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 18 Jan 2022 13:19:41 +0000
Subject: [PATCH] Derive safe array-like value as the default value for
 multi-select fields

---
 .../components/app/forms/MultiFieldSelect.svelte    | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/app/forms/MultiFieldSelect.svelte b/packages/client/src/components/app/forms/MultiFieldSelect.svelte
index cecc569b6f..d09a8730ae 100644
--- a/packages/client/src/components/app/forms/MultiFieldSelect.svelte
+++ b/packages/client/src/components/app/forms/MultiFieldSelect.svelte
@@ -19,6 +19,7 @@
   let fieldApi
   let fieldSchema
 
+  $: safeDefaultValue = getSafeDefaultValue(defaultValue)
   $: flatOptions = optionsSource == null || optionsSource === "schema"
   $: options = getOptions(
     optionsSource,
@@ -28,6 +29,16 @@
     valueColumn,
     customOptions
   )
+
+  const getSafeDefaultValue = value => {
+    if (value == null || value === "") {
+      return []
+    }
+    if (!Array.isArray(value)) {
+      return [value]
+    }
+    return value
+  }
 </script>
 
 <Field
@@ -35,7 +46,7 @@
   {label}
   {disabled}
   {validation}
-  {defaultValue}
+  defaultValue={safeDefaultValue}
   type="array"
   bind:fieldState
   bind:fieldApi