[Autocomplete] Autocomplete automatically deletes the input

[Paul6552]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Take any example of autocomplete other than the FreeSolo.

Autocomplete example page

Write "Hello" in the input field where there is no option to do so.Click out of the input field.
The "Hello" input disappears. But I would like the text to remain.

vid-2023-02-17_10.29.21.mp4

Now you could say that you should just use freeSolo. The problem with FreeSolo is that the noOptionsText option no longer works. Is this a mistake? Should that be so?

At least this behavior of MUI is inappropriate. It should always be up to the programmer whether he wants to use this function or not. In my case I need this function.

Codesandbox example

In my example try to input anything and click away. The input disappeares. Try to set freeSolo -> noOptionsText is not working anymore

Current behavior 😯

Text in the input field disappears

Expected behavior 🤔

Text in the input field should stay

Context 🔦

No response

Your environment 🌎

No response

[MenoIy]

I don't know whether that will help, but you can have a look at #19663

[mikededo]

It could be a side effect of the onBlur or onFocus functions. Is it possible that you provide the code of the entire component?

[sai6855]

@Paul6552 you can set clearOnBlur={false} to restore inputValue when input looses focus

csb: https://codesandbox.io/s/wizardly-pascal-jv8ct2?file=/demo.js

<Autocomplete
  disablePortal
  clearOnBlur={false}
  id="combo-box-demo"
  options={top100Films}
  sx={{ width: 300 }}
  renderInput={(params) => <TextField {...params} label="Movie" />}
/>

[Paul6552]

@sai6855 thank you so much. It works :)