From c70719bfa62b41160bab25a24f28a7b8a191a232 Mon Sep 17 00:00:00 2001
From: Sage Abdullah <sage.abdullah@torchbox.com>
Date: Fri, 31 Jan 2025 15:41:57 +0000
Subject: [PATCH] Ensure block preview is hidden when the user clears out the
search input
---
client/src/components/ComboBox/ComboBox.tsx | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/client/src/components/ComboBox/ComboBox.tsx b/client/src/components/ComboBox/ComboBox.tsx
index 6465d4ebd8..bceb8c9aea 100644
--- a/client/src/components/ComboBox/ComboBox.tsx
+++ b/client/src/components/ComboBox/ComboBox.tsx
@@ -139,6 +139,9 @@ export default function ComboBox<ComboBoxOption extends ComboBoxItem>({
},
onInputValueChange: (changes) => {
+ // Hide any preview when the user types or clears the search input.
+ setPreviewedIndex(-1);
+
const { inputValue: val } = changes;
if (!val) {
setInputItems(flatItems);
@@ -153,8 +156,6 @@ export default function ComboBox<ComboBoxOption extends ComboBoxItem>({
setInputItems(filtered);
// Always reset the first item to highlighted on filtering, to speed up selection.
setHighlightedIndex(0);
- // Hide any preview when the user starts typing.
- setPreviewedIndex(-1);
},
});