"disableCloseOnSelect" and disable modifying the value manually

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

I don't know if it's possible to make a dropdown-like control where we can select a value from a list (and manually typing the value is disabled) and we can also "disableCloseOnSelect".

Examples 🌈

The "disableCloseOnSelect" is possible with autocomplete of Material UI like illustrated in the code:
https://codesandbox.io/s/zealous-herschel-gw3bq4?file=/demo.tsx. However, I would like to disable the possibility to modify the value manually; people can only select the value from the list.

By contrast, Select of Material UI and DropDownMenu disable the possibility of modifying the value manually. However, I tried to add disableCloseOnSelect, it did not work.

Motivation 🔦

Both of the two features are useful. I don't understand why we cannot have both in one control.

Start by comparing the linked Autocomplete demo.tsx with the Select and DropDownMenu index.js examples. Read how the controls handle selection, manual input, and disableCloseOnSelect, then clarify the intended API and interaction behavior. Done means a documented control configuration supports list-only selection while keeping the dropdown open after each selection.