Combobox autocomplete

[vignesh-sivaprakasam]

Hi team,
We are using Combobox with autocomplete for one of our use case where we want to search in the list of option available and select. Let's say if the user doesn't select any option, then onBlur we want to show the value with previously selected one. This seems like a common use case. Is there any reason why we are not providing this option by default ?

Here in this example I selected Deb Never and onBlur I want the value to be selected.

Paste.question.mov

[TheSisb]

Hi @vignesh-sivaprakasam,

You can achieve your desired functionality by using the state hook provided.

Here's an example in Codesandbox.

[serifluous]

Hey @vignesh-sivaprakasam ! Can you share your use case? For this interaction, you'll want to make sure the customer never needs to clear the field, or you'll have to provide a separate button to let them do so.

[vignesh-sivaprakasam]

Hi @serifluous , In our pages we have timezone combobox, user will have a default timezone. If the user want to change to any other timezone, then the user can filter through the list of timezones available and then select the desired one. We wont allow the user to clear the selection.

[vignesh-sivaprakasam]

Hi @TheSisb , Thanks for sharing the codesandbox link. We already implemented it using the useCombobox hook. I felt like this is a common usecase and can this be provided by the Combobox component itself like resetToLastSelected prop. If we set it as true then the combobox will take care of resetting the value.

[TheSisb]

Hi @vignesh-sivaprakasam,

Not sure I agree that it's common enough to be a prop, as it's the first time it's been requested in 3 years. I do appreciate the suggestion though, and will keep it in mind if this becomes a common suggestion.