diff --git a/packages/desktop-client/src/components/autocomplete/Autocomplete.js b/packages/desktop-client/src/components/autocomplete/Autocomplete.js index 1e205ab90a49d37d8ac38442689a537f8738c109..18e79121551a75b6bdcebc3533fae7e7e9ae226b 100644 --- a/packages/desktop-client/src/components/autocomplete/Autocomplete.js +++ b/packages/desktop-client/src/components/autocomplete/Autocomplete.js @@ -126,6 +126,7 @@ function SingleAutocomplete({ onSelect, tableBehavior, value: initialValue, + isMulti = false, }) { const [selectedItem, setSelectedItem] = useState(() => findItem(strict, suggestions, initialValue), @@ -174,7 +175,12 @@ function SingleAutocomplete({ onSelect={(item, { inputValue }) => { setSelectedItem(item); setHighlightedIndex(null); - setIsOpen(false); + + if (isMulti) { + setValue(''); + } else { + setIsOpen(false); + } if (onSelect) { // I AM NOT PROUD OF THIS OK?? @@ -267,9 +273,6 @@ function SingleAutocomplete({ ) { setHighlightedIndex(changes.highlightedIndex); } - if ('isOpen' in changes) { - setIsOpen(embedded ? true : changes.isOpen); - } if ('selectedItem' in changes) { setSelectedItem(changes.selectedItem); } @@ -506,6 +509,7 @@ export function MultiAutocomplete({ return ( <Autocomplete {...props} + isMulti value={null} suggestions={suggestions.filter( item => !selectedItems.includes(getItemId(item)), diff --git a/upcoming-release-notes/947.md b/upcoming-release-notes/947.md new file mode 100644 index 0000000000000000000000000000000000000000..3dc8c54100af08bbbd2066dbb579399c65b434ab --- /dev/null +++ b/upcoming-release-notes/947.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [MatissJanis] +--- + +Autocomplete: fix multi-autocomplete filtering UX