Autocomplete Comboboxes should show the entire available list of options when opened after selecting an item.

[Felttrip]

The current behaviour of Autocomplete combo boxes is that when an item is selected and the combo box is reopened the list only shows the item that is selected due to the recommendation for how to filter down the list of options.

https://paste.twilio.design/components/combobox#autocomplete-combobox

This has caused users to be confused as the where the rest of their options are because they don't realize they need to delete the input to show the rest of the options.

Were currently working around this by using onIsOpenChange set the list back to the original set of items like so

              <Combobox
                autocomplete={true}
                itemToString={item => (item ? item.name : '')}
                initialSelectedItem={selectedEventEmitter}
                selectedItem={selectedEventEmitter}
                onSelectedItemChange={changes => {
                  if (changes.selectedItem != null) {
                    setSelectedEventEmitter(changes.selectedItem)
                    setEventEmitterId(changes.selectedItem.id)
                  }
                }}
                onInputValueChange={({ inputValue }) => {
                  if (inputValue !== undefined) {
                    setEmitterInputItems(
                      emittersForCombo.filter(item => item.name.toLowerCase().includes(inputValue.toLowerCase()))
                    )
                  }
                }}
                onIsOpenChange={() => {
                  setEmitterInputItems(emittersForCombo)
                }}
                items={emitterInputItems}
                labelText="Linked audience event"
                optionTemplate={input => {
                  return (
                    <Text overflowWrap="anywhere" padding="space30" as="span">
                      {input.name}
                    </Text>
                  )
                }}
                disabled={selectedAudience?.id === 'all' || selectedAudience?.engineType !== AudienceEngineType.Retl}
              />

it would be nice if the default behaviour of the combobox using autocomplete was to reset the list back to what it was pre autocomplete filtering.

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Combobox not able to clear value when used as controlled component (updated: 08/10/2022, similarity score: 89%)
• changing the combobox with pre selected item. (updated: 12/29/2022, similarity score: 88%)
• Combobox component strange behaviour (updated: 10/10/2022, similarity score: 87%)