[Autocomplete][material-ui] Disabled is not working properly

[yamildiego]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:
https://codesandbox.io/s/jovial-bose-plcz66?file=/package.json

Screen.Recording.2023-08-14.at.19.45.41.mov

There are two bugs but its the same issue
Steps:
Issue one (Autocomplete multiple={true} disabled):

1. Press the title of the movie.
2. You will see the options but you should not becase is disabled

Issue two (Autocomplete multiple={false} disabled):

1. This is more difficult to reproduce, make click around the arrow multiples times.
2. Stop, and start again.
3. Even when is disabled open the panel of options to choose one. It doesn't always happen, I don't know what the trigger is, I just click and sometimes it happens.

Current behavior 😯

The autocomplete open the panel of options when is disabled.

Expected behavior 🤔

I expect that if the autocomplete is disabled just show me the value/values without show me others options

Context 🔦

Its confused for my customers see options that they don't have and they should not see

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[michaldudak]

I can confirm it's a bug.
I can reproduce the second case reliably - press the mouse button on the title, move the cursor above the arrow, then release the button.

@sai6855, would you like to take a look at it?

[sai6855]

@michaldudak yes I will check

[sai6855]

Opened PR

[chepicov]

@sai6855 is this already released? seems it's still reproducing on v5.12.2
https://stackblitz.com/edit/react-fyfngh?file=demo.tsx,index.html
or am I doing smth wrong?

[mj12albert]

@chepicov It's not in v5.12.2, it will be in this week's release!

[mj12albert]

Apologies we'll need to reopen this and find a different fix, for more context: #36892 (comment)

CC @sai6855 @oliviertassinari

[mj12albert]

I was able to simplify the repro: https://codesandbox.io/s/https-github-com-mui-material-ui-issues-36867-m25xds?file=/demo.tsx

Case 1 - Click anywhere in the green area

Case 2 - Mouse over the blue or green area, press and hold the left mouse button, move the cursor to the red area, release LMB

[dhrumit9]

@mj12albert
Any timeline on when the fix for this issue will be released? I see the PR is still in the draft.

[mj12albert]

@dhrumit9 Hey I was just testing it a whole bunch because I could hardly believe how simple the fix may be 😅 just waiting for some reviews for the PR now

In the mean time, you can fork this sandbox and test the fix, or use try this version in your project locally to see if it works for you:

yarn add https://pkg.csb.dev/mui/material-ui/commit/617d8f2b/@mui/material

[mj12albert]

This fix is released in 5.14.7