Autocomplete - Changing Input programatically

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

I am changing the input of the Autocomplete programatically in the following way:

• I get a reference of the TextField component inside the Autocomplete
• I create a new Event for changing it’s value with the following code:

  const input = inputRef.querySelector('input') // get the referece of the input
    var valueSetter = Object.getOwnPropertyDescriptor(input,'value').set  
    const prototype = Object.getPrototypeOf(input)
    const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype,'value').set
    if (valueSetter && valueSetter !== prototypeValueSetter) {
        prototypeValueSetter.call(input, lastComment.updatetype.toString());
    } else {
        valueSetter.call(input, lastComment.updatetype);
    }
    input.dispatchEvent(new Event('input',{bubbles:true})) // dispatch the event to trigger the onChange method

• After that code executes, the TextField will talk to an API to render possible entries for the Autocomplete. And this works fine, I see the TextField changing and the Autocomplete giving me the possible list of items from the API based on the TextField value
• However, when I select the option from the Autocomplete, the onInputChange method doesn’t fire, and the selected option is never recorded

Expected Behavior 🤔

After selecting the option rendered on the Autocomplete, the onInputChange method has to trigger so the selected option can be saved to state

Context 🔦

Your Environment 🌎

Tech	Version
Material-UI	v4.9.4
React	16.12.0

[ottogutierrez]

@erfansamieyan, I get what you’re saying but the issue is that onChange on the Textfield does not get triggered. You can see this example in this Codesandbox. This is how I finally solved my issue

[oliviertassinari]

The onChange callback will fire if called properly.