From 88af915735d6407c5600bdc76076883e2f876aa5 Mon Sep 17 00:00:00 2001 From: Drew Davis Date: Wed, 22 Jul 2026 12:39:49 -0400 Subject: [PATCH] fix: clear the VirtualMultiSelect search input after selecting a value --- .changeset/clear-virtualmultiselect-input.md | 5 +++++ .../src/components/VirtualMultiSelect/VirtualMultiSelect.tsx | 4 +++- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 .changeset/clear-virtualmultiselect-input.md diff --git a/.changeset/clear-virtualmultiselect-input.md b/.changeset/clear-virtualmultiselect-input.md new file mode 100644 index 0000000000..add9922204 --- /dev/null +++ b/.changeset/clear-virtualmultiselect-input.md @@ -0,0 +1,5 @@ +--- +"@hyperdx/app": patch +--- + +fix: clear the VirtualMultiSelect search input after selecting a value diff --git a/packages/app/src/components/VirtualMultiSelect/VirtualMultiSelect.tsx b/packages/app/src/components/VirtualMultiSelect/VirtualMultiSelect.tsx index c86ebbe178..b886f4452c 100644 --- a/packages/app/src/components/VirtualMultiSelect/VirtualMultiSelect.tsx +++ b/packages/app/src/components/VirtualMultiSelect/VirtualMultiSelect.tsx @@ -66,10 +66,12 @@ export function VirtualMultiSelect({ }, }); - const handleSelectValue = (val: string) => + const handleSelectValue = (val: string) => { onChange( values.includes(val) ? values.filter(v => v !== val) : [...values, val], ); + setSearch(''); + }; const handleRemoveValue = (val: string) => onChange(values.filter(v => v !== val));