Improved combobox behavior

invoiceninja · Dec 5, 2023 · 3bd9ae2 · 3bd9ae2
1 parent 87256b5
commit 3bd9ae2
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/forms/Combobox.tsx b/src/components/forms/Combobox.tsx
@@ -243,6 +243,10 @@ export function Combobox<T = any>({
     setIsOpen(false);
 
     if (selectedOption && selectedOption.value) {
+      if (inputValue !== selectedOption.label) {
+        setInputValue(selectedOption.label.toString());
+      }
+
       return;
     }
 
@@ -263,6 +267,8 @@ export function Combobox<T = any>({
     onChange(option);
   });
 
+  console.log(selectedOption);
+
   useDebounce(
     () => {
       if (inputValue === '' && filteredOptions.length > 0) {
@@ -311,9 +317,7 @@ export function Combobox<T = any>({
             onFocus={() => setIsOpen(true)}
             placeholder={inputOptions.placeholder}
             disabled={readonly}
-            defaultValue={
-              selectedOption ? selectedOption.label : inputValue?.toString()
-            }
+            value={inputValue}
             className="w-full border-0 rounded py-1.5 pl-3 pr-10 shadow-sm sm:text-sm sm:leading-6"
             ref={inputRef}
             style={{