From fd91dd80c5828aa01a195706d3d1cea94f15dc0d Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Wed, 25 Dec 2019 07:22:29 -0800
Subject: [PATCH] feat(search): export autofocus prop

---
 src/components/Search/Search.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Search/Search.svelte b/src/components/Search/Search.svelte
index 2d1a6e8c..60b57f36 100644
--- a/src/components/Search/Search.svelte
+++ b/src/components/Search/Search.svelte
@@ -2,6 +2,7 @@
   let className = undefined;
   export { className as class };
   export let value = '';
+  export let autofocus = false;
   export let type = 'text';
   export let small = false;
   export let placeHolderText = '';
@@ -28,6 +29,7 @@
   {style}>
   <Search16 class={cx('--search-magnifier')} />
   <label for={id} class={cx('--label')}>{labelText}</label>
+  <!-- svelte-ignore a11y-autofocus -->
   <input
     bind:this={inputRef}
     role="searchbox"
@@ -35,9 +37,10 @@
     placeholder={placeHolderText}
     on:change
     on:input
-    on:input={event => {
-      value = event.target.value;
+    on:input={({ target }) => {
+      value = target.value;
     }}
+    {autofocus}
     {type}
     {id}
     {value} />