From ea12dbe503e14f50a10f6e2f07c7a0749f938536 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 30 Jul 2020 16:37:26 -0700
Subject: [PATCH] chore(input): forward keydown event to TextInput,
 PasswordInput

---
 src/TextInput/PasswordInput.svelte   |  1 +
 src/TextInput/TextInput.Story.svelte | 17 +++++++++++++++--
 src/TextInput/TextInput.svelte       |  1 +
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte
index 47106674..6033eda8 100644
--- a/src/TextInput/PasswordInput.svelte
+++ b/src/TextInput/PasswordInput.svelte
@@ -166,6 +166,7 @@
       on:input={({ target }) => {
         value = target.value;
       }}
+      on:keydown
       on:focus
       on:blur />
     <button
diff --git a/src/TextInput/TextInput.Story.svelte b/src/TextInput/TextInput.Story.svelte
index 78e1498a..f5809d5b 100644
--- a/src/TextInput/TextInput.Story.svelte
+++ b/src/TextInput/TextInput.Story.svelte
@@ -22,9 +22,19 @@
     <TextInputSkeleton hideLabel />
   </div>
 {:else if story === 'password-visibility'}
-  <PasswordInput {...$$props} aria-level="" />
+  <PasswordInput
+    {...$$props}
+    aria-level=""
+    on:keydown={(e) => {
+      console.log('on:keydown', e);
+    }} />
 {:else if story === 'controlled'}
-  <PasswordInput {...$$props} {type} />
+  <PasswordInput
+    {...$$props}
+    {type}
+    on:keydown={(e) => {
+      console.log('on:keydown', e);
+    }} />
   <div>
     <button
       on:click={() => {
@@ -44,6 +54,9 @@
     bind:ref
     {...$$props}
     bind:value
+    on:keydown={(e) => {
+      console.log('on:keydown', e);
+    }}
     on:change={() => {
       console.log('change');
     }} />
diff --git a/src/TextInput/TextInput.svelte b/src/TextInput/TextInput.svelte
index 47f196ef..a46eac00 100644
--- a/src/TextInput/TextInput.svelte
+++ b/src/TextInput/TextInput.svelte
@@ -138,6 +138,7 @@
       on:input={({ target }) => {
         value = target.value;
       }}
+      on:keydown
       on:focus
       on:blur />
   </div>