fix: chip input leaves add key in input after adding chip

Closes #703

Author: hperrin

packages/chip-input/src/ChipInput.svelte

@@ -95,10 +95,6 @@
         bind:this={input}
         bind:value={text}
         {...prefixFilter(restProps, 'input$')}
-        onkeydown={(e) => {
-          handleInputKeydown(e);
-          restProps.input$onkeydown?.(e);
-        }}
       />
     </Textfield>
     {#snippet loading()}
@@ -118,6 +114,8 @@
 
 <script lang="ts">
   import type { ComponentProps, Snippet } from 'svelte';
+  import { onMount } from 'svelte';
+  import { on } from 'svelte/events';
   import type { SmuiAttrs } from '@smui/common';
   import type { ActionArray } from '@smui/common/internal';
   import {
@@ -321,6 +319,26 @@
     ...(key != null ? { key } : {}),
   });
 
+  onMount(() => {
+    const el = input?.getElement();
+
+    if (el) {
+      return on(
+        el,
+        'keydown',
+        (e) => {
+          handleInputKeydown(e);
+          restProps.input$onkeydown?.(
+            e as KeyboardEvent & {
+              currentTarget: EventTarget & HTMLInputElement;
+            },
+          );
+        },
+        { passive: false },
+      );
+    }
+  });
+
   function handleAutocompleteSelected(event: CustomEvent<any>) {
     event.preventDefault();
 

packages/site/src/routes/demo/chip-input/+page.svelte

@@ -20,7 +20,7 @@
   <Demo component={Objects} file="chip-input/_Objects.svelte">
     Objects
     {#snippet subtitle()}
-      Objects allow you to have dupliate entries.
+      Objects allow you to have duplicate entries.
     {/snippet}
   </Demo>
 

packages/textfield/src/Input.svelte

@@ -143,7 +143,6 @@
       case 'range':
         value = toNumber(e.currentTarget.value);
         break;
-      // Fall through.
       default:
         value = e.currentTarget.value;
         break;