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));