[Fab] button disabled class (classes.disabled) is not working.

[meenarama]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

css for classes.disabled is not honored when the Fab button is disabled

Expected behavior 🤔

css for classes.disabled is honored when the Fab button is disabled

Steps to reproduce 🕹

Steps:

< Fab disabled classes={{ disabled: "my-disabled" }}>A Fab button</Button>
is not picking up the "my-disabled" styles when the Fab button is disabled

Context 🔦

I am trying add a style for disabled fab button

Your environment 🌎

System:
    OS: macOS 12.5.1
  Binaries:
    Node: 16.15.1 - ~/.nvm/versions/node/v16.15.1/bin/node
    Yarn: Not Found
    npm: 8.11.0 - ~/.nvm/versions/node/v16.15.1/bin/npm
  Browsers:
    Chrome: 105.0.5195.102
    Edge: Not Found
    Firefox: Not Found
    Safari: 15.6.1

[meenarama]

Probably, fab button needs to have the classes forwarded to buttonbase, just like button - https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Button/Button.js#L36 ?

[hbjORbj]

It doesn't look like this bug report has enough info for one of us to reproduce it.


Please provide a CodeSandbox (https://material-ui.com/r/issue-template-latest), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.

Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

[meenarama]

@hbjORbj , this is similar to this defect - #25011. I have created a PR for this - #34245, could you kindly take a look.