Combobox callback for final choice about react-widgets HOT 4 CLOSED

I have gone back and forth on splitting the callbacks. I may add a keyDown, or press or something in the future to capture typing. One issue is that it is hard to tell when a user is "done" typing, We should probably add an onSelect handler for when the value is selected from a list vs typing something...

In the meantime, you can effectively achieve what you are looking for in your onChange handler. The terms "intermediate" and "final" are a bit misleading, because all typed values in a combobox are valid as "final" values; i.e. you can select values that are not in the data list.

If your data prop is an array of objects { id: 0: name "james" } you can just check whether the onChange handler returned a string or an object. the instance of the value object will be returned when it is a value in the list.

function onChange(value){
   if ( typeof value === 'string' ) //value is not in the list
}

If your data array is an Array of strings, than you can just check whether the value is in the data list. You can also use this method for the above case as well.

function onChange(value){
   if ( data.indexOf(value) === -1 ) //value is not in the list
}

from react-widgets.

the more I think about this I am also convinced that there should be a onSelect handler for dropdowns and comboboxes...I may see if I can get to that this weekend

from react-widgets.

Thanks for the response @jquense.

Using an if statement to detect a match is the way I'm doing it currently. But I see two problems with this approach:
a) It may produce a false match. e.g. A list containing "Apple" and "Apple Pie".
b) The Combobox widget still stays open at this point.

An onSelect handler would be awesome.

from react-widgets.

Thank you @jquense.

from react-widgets.