fix(Select): chips basic and multiple

Signed-off-by: Florian-Schoenherr <florian.schoenherr99@gmail.com>
TheComputerM · Mar 21, 2021 · f9daf57 · f9daf57
1 parent 51d1841
commit f9daf57
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/docs/src/examples/Select/chips.svelte b/packages/docs/src/examples/Select/chips.svelte
@@ -7,6 +7,7 @@
     { name: 'Fizz', value: 'fizz' },
     { name: 'Buzz', value: 'buzz' },
   ];
+  const items2 = ['foo', 'bar', 'fizz', 'buzz'];
 </script>
 
 <Row>
@@ -15,7 +16,7 @@
     <Select chips filled {items}>Filled</Select>
   </Col>
   <Col>
-    <Select chips multiple {items}>Multiple</Select>
-    <Select chips outlined {items}>Outlined</Select>
+    <Select chips multiple items={items}>Multiple</Select>
+    <Select chips multiple outlined items={items2}>Multiple Outlined</Select>
   </Col>
 </Row>
diff --git a/packages/svelte-materialify/src/components/Select/Select.svelte b/packages/svelte-materialify/src/components/Select/Select.svelte
@@ -59,8 +59,8 @@
         <div slot="content">
           {#if chips && value}
             <span class="s-select__chips">
-              {#each Array.isArray(value) ? value : [value] as v}
-                <Chip>{v}</Chip>
+              {#each Array.isArray(value) ? value.map((v) => getSelectString(v)) : [getSelectString(value)] as val}
+                <Chip>{val}</Chip>
               {/each}
             </span>
           {/if}