[material-ui][Snackbar] Disabled button are hard to read
Open
Nobody has claimed this yet.
design
has workaround
scope: toast
type: bug
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
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/lively-voice-vvlghg?file=/Demo.tsx
Steps:
- Open the example
- Observe the disabled buttons in the snackbar
- Use the theme switcher to see the issue in light and dark mode
Current behavior 😯
Buttons are very hard to read. I've added disabled buttons in a theme of the opposite mode for comparison.
In dark mode the button even disappears
Expected behavior 🤔
Disabled buttons are readable in a snackbar
Context 🔦
Ran into this while adding a loading button in the Snackbar
Your environment 🌎
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox and inspect the Snackbar example, focusing on disabled buttons under both light and dark themes. Compare the current button rendering with the expected readable appearance; the work is done when disabled buttons remain readable in a Snackbar in both modes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100