diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index a5f88513..98a9d2f5 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -2780,6 +2780,7 @@ None. | input | forwarded | -- | | focus | forwarded | -- | | blur | forwarded | -- | +| keydown | forwarded | -- | | clear | dispatched | -- | ## `SearchSkeleton` diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 4e372815..10988ed2 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -2900,6 +2900,7 @@ { "type": "forwarded", "name": "input", "element": "input" }, { "type": "forwarded", "name": "focus", "element": "input" }, { "type": "forwarded", "name": "blur", "element": "input" }, + { "type": "forwarded", "name": "keydown", "element": "input" }, { "type": "dispatched", "name": "clear" } ], "typedefs": [], diff --git a/src/Search/Search.svelte b/src/Search/Search.svelte index a9a978fd..33c792b5 100644 --- a/src/Search/Search.svelte +++ b/src/Search/Search.svelte @@ -120,6 +120,13 @@ }}" on:focus on:blur + on:keydown + on:keydown="{({ key }) => { + if (key === 'Escape') { + value = ''; + dispatch('clear'); + } + }}" />