fix: keep combobox empty on tab

agrc · Mar 8, 2023 · b6268bd · b6268bd
1 parent 5388608
commit b6268bd
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/_src/react-app/components/ComboBox.jsx b/_src/react-app/components/ComboBox.jsx
@@ -18,10 +18,13 @@ const ComboBox = React.forwardRef(function ComboBox({ items, onChange, value, id
       },
       itemToString: (item) => (item ? item.label : ''),
       selectedItem: items.filter((item) => item.value === value)[0] || '',
-      stateReducer: (_, actionAndChanges) => {
+      stateReducer: (state, actionAndChanges) => {
         const { type, changes } = actionAndChanges;
-        // clear input on blur if there is no selected item
-        if (type === useCombobox.stateChangeTypes.InputBlur && changes.inputValue !== changes.selectedItem?.label) {
+        // clear input on blur if there is no selected item or if the input value is empty
+        if (
+          type === useCombobox.stateChangeTypes.InputBlur &&
+          (changes.inputValue !== changes.selectedItem?.label || state.inputValue === '')
+        ) {
           setInputItems(items);
           return {
             ...changes,