[material-ui][Select] Adding `<fieldset disabled>` doesn't disable it

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/friendly-dijkstra-g62dv9?file=/src/Demo.js

Steps:

1. add "disabled" to a surrounding a select component

Current behavior 😯

The form element is active

Expected behavior 🤔

Form element should be disabled like the rest of the elements when the fieldset is marked disabled

Context 🔦

I need to disable all form elements on page with a huge form.

I think I'm also supposed to mention we have a license: Order #72705

Your environment 🌎

  System:
    OS: macOS 14.0
  Binaries:
    Node: 20.3.0 - ~/.nvm/versions/node/v20.3.0/bin/node
    Yarn: 3.2.2 - /opt/homebrew/bin/yarn
    npm: 9.6.7 - ~/.nvm/versions/node/v20.3.0/bin/npm
  Browsers:
    Chrome: 118.0.5993.70
    Edge: Not Found
    Safari: 17.0

Start with the linked CodeSandbox reproduction and its src/Demo.js file, then inspect the Material UI Select implementation and existing tests for disabled form behavior. Reproduce the case with a disabled fieldset and verify that the Select is inactive when the fieldset is disabled, while existing behavior remains intact.