onConfirm function is triggered before the auto selected option is set as the value of the input

[davehaigh]

1. use a combination of autoselect: true and an onconfirm function which triggers the submit of the form.
2. type some content into the input e.g. if you typed "Dav"
3. hit return to autoselect the highlighted option e.g. it may have been "Dave Haigh"
4. if you're using the entered value of the input to populate the value of the input on next load then the page reloads with only the typed value (Dav) in the input rather than the full text of the item that was autoselected (Dave Haigh)

I believe the onconfirm function is triggering before the autoselected value is set as the value of the input.

Note: To get around this I am using a set timeout in the onconfirm function to delay its triggering, allowing time for the value to be set in the input before it fires the form submit.

[tvararu]

The onConfirm function is indeed triggered right before the state.query is set:

accessible-autocomplete/src/autocomplete.js

Line 260 in 7e7a6cd

this.props.onConfirm(selectedOption)

There is no particular reason for this.

One solution is to move it into the callback for setState:

-   this.props.onConfirm(selectedOption)
    this.setState({
      focused: -1,
      menuOpen: false,
      query: newQuery,
      selected: -1
-   })
+   }, () => this.props.onConfirm(selectedOption))

(It also gets triggered in handleComponentBlur)