TableRow: Hover Background - Value Provided is Out of Range #29084
Labels
component: table
This is the name of the generic UI component, not the React module!
design: material
This is about Material Design, please involve a visual or UX designer in the process
new feature
New feature or request
Current Behavior 😯
When using less transparent selected/hover opacities within a custom theme, the TableRow component causes an out of range error when it attempts to create the hover background-color alpha:
Here's the line throwing the error:
https://github.com/mui-org/material-ui/blob/master/packages/mui-material/src/TableRow/TableRow.js#L43
Expected Behavior 🤔
First instinct is to simply not get an error, similar to the other components that create alphas based on the theme's opacities.
If the case is that opacities need to be 0.5 or below, I would expect a range warning. I've been using these thick action opacities as long as I have been using custom themes.
Steps to Reproduce 🕹
Steps:
Here'e my CodeSandbox reproducing this exact error:
https://codesandbox.io/s/blue-glade-329so?file=/src/theme.js
Your Environment 🌎
Same as the Codesandbox.
@mui/material 5.0.2
The text was updated successfully, but these errors were encountered: