Clearing the text in Autocomplete Search make auto complete unusable.

[kennethmervin01]

Current Behavior 😯

I just want to clear the text field area when I hit some button or state changes. Actually I'm reading the documentation of Autocomplete API and there is no option to do that.

So what I did is every time the text field changes the props.value of auto complete changes. So I can easily set a "blank" value in state to clear the textfield area. But the problem is the auto complete search is not working it's just list all the items.

Expected Behavior 🤔

I want is to clear the text field area when I hit the button submit. Actually I'm reading the documentation of Autocomplete API and there is no option to do that.

Steps to Reproduce 🕹

   <Autocomplete
      freeSolo
      value={value}
      options={top100Films.map(option => option.title)}
      onChange={handleChange}
      renderInput={params => (
        <InputBase
          {...params}
          fullWidth
          InputProps={{
            ...params.InputProps,
            type: 'search',
          }}
          onChange={(e) => {
            onChange(e.target.value);
          }}
          value={value}
        />
      )}
    />

[oliviertassinari]

We might have a good solution proposal in #18113 (comment).