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

fix(ui-shell): set selectedResultIndex in HeaderSearch on click (#430)

Browse source
This commit is contained in:
Eric Liu 2020-11-28 06:17:33 -08:00 • committed by GitHub
commit 03462e79a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/UIShell/HeaderSearch.svelte
View file

@ -26,7 +26,7 @@
/** Specify the selected result index */ /** Specify the selected result index */
export let selectedResultIndex = 0; export let selectedResultIndex = 0;
import { createEventDispatcher } from "svelte"; import { createEventDispatcher, tick } from "svelte";
import Close20 from "carbon-icons-svelte/lib/Close20/Close20.svelte"; import Close20 from "carbon-icons-svelte/lib/Close20/Close20.svelte";
import Search20 from "carbon-icons-svelte/lib/Search20/Search20.svelte"; import Search20 from "carbon-icons-svelte/lib/Search20/Search20.svelte";
@ -270,7 +270,11 @@
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="{selectResult}" on:click|preventDefault="{async () => {
selectedResultIndex = i;
await tick();
selectResult();
}}"
> >
<slot result="{result}" index="{i}"> <slot result="{result}" index="{i}">
{result.text} {result.text}