mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(header-search): selecting a result should reset the search

Browse source
This commit is contained in:
Eric Liu 2020-11-26 14:29:16 -08:00
commit 2130c139f8
1 changed files with 8 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/UIShell/HeaderSearch.svelte
View file

@ -31,6 +31,12 @@
let refSearch = null; let refSearch = null;
function selectResult() {
active = false;
value = "";
dispatch("select", { value, selectedResultIndex, selectedResult });
}
$: if (active && ref) ref.focus(); $: if (active && ref) ref.focus();
$: selectedResult = results[selectedResultIndex]; $: selectedResult = results[selectedResultIndex];
$: selectedId = selectedResult $: selectedId = selectedResult
@ -211,9 +217,7 @@
on:keydown="{({ key }) => { on:keydown="{({ key }) => {
switch (key) { switch (key) {
case 'Enter': case 'Enter':
active = false; selectResult();
value = '';
dispatch('select', { value, selectedResultIndex, selectedResult });
break; break;
case 'ArrowDown': case 'ArrowDown':
if (selectedResultIndex === results.length - 1) { if (selectedResultIndex === results.length - 1) {
@ -258,13 +262,7 @@
role="menuitem" role="menuitem"
href="{result.href}" href="{result.href}"
class:selected="{selectedId === `search-menuitem-${i}`}" class:selected="{selectedId === `search-menuitem-${i}`}"
on:click|preventDefault="{() => { on:click|preventDefault="{selectResult}"
dispatch('select', {
value,
selectedResultIndex,
selectedResult,
});
}}"
> >
<slot result="{result}"> <slot result="{result}">
{result.text} {result.text}