fix: Maintain original list order when clearing search input (#35)

huntabyte · Nov 19, 2023 · f39b574 · f39b574
1 parent 60f7088
commit f39b574
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/.changeset/brave-lions-argue.md b/.changeset/brave-lions-argue.md
@@ -0,0 +1,5 @@
+---
+'cmdk-sv': patch
+---
+
+fix: maintain original list order when clearing search value
diff --git a/src/lib/cmdk/components/CommandList.svelte b/src/lib/cmdk/components/CommandList.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { isHTMLElement } from '$lib/internal/index.js';
-	import { getCtx } from '../command.js';
+	import { getCtx, getState } from '../command.js';
 	import type { ListProps } from '../types.js';
 
 	const { ids } = getCtx();
+	const state = getState();
 
 	type $$Props = ListProps;
 
@@ -56,11 +57,15 @@
 </script>
 
 {#if asChild}
-	<slot {list} {sizer} />
+	{#key $state.search === ''}
+		<slot {list} {sizer} />
+	{/key}
 {:else}
 	<div {...listAttrs} bind:this={el} {...$$restProps}>
 		<div {...sizerAttrs} use:sizerAction>
-			<slot />
+			{#key $state.search === ''}
+				<slot />
+			{/key}
 		</div>
 	</div>
 {/if}