[useAutocomplete] Fix useAutocomplete disabled prop not disabling the input

[sai6855]

closes: #36055

• I have followed (at least) the PR section of the contributing guide.

Before: https://codesandbox.io/s/suspicious-dust-yxwwst?file=/src/App.tsx

After: https://codesandbox.io/s/wizardly-hugle-rsin57

[mui-bot]

	Messages
📖	Netlify deploy preview: https://deploy-preview-36076--material-ui.netlify.app/

Details of bundle changes

Generated by 🚫 dangerJS against 5a53afd

[napewnoarnold]

@sai6855 note that if disabled option is set dynamically, for example if the user has a button that disables/enables useAutocomplete component this solution will not fix click away listener problem.

disable hook -> trigger onMouseDown on input -> enable component -> popper stays open even if user clicks away

[sai6855]

@sai6855 note that if disabled option is set dynamically, for example if the user has a button that disables/enables useAutocomplete component this solution will not fix click away listener problem.

disable hook -> trigger onMouseDown on input -> enable component -> popper stays open even if user clicks away

can you provide a sandbox with the issue you described?

you can use this template https://codesandbox.io/s/huxjvu?file=/demo.tsx

[ZeeshanTamboli]

Looks good! Thanks!

[ZeeshanTamboli]

@sai6855 note that if disabled option is set dynamically, for example if the user has a button that disables/enables useAutocomplete component this solution will not fix click away listener problem.

disable hook -> trigger onMouseDown on input -> enable component -> popper stays open even if user clicks away

@arnoldkokot It is not related to this bug or PR. Please create a new issue showing a reproduction if it's a bug.