IE 11 issue: Material-UI: unsupported `` color. We support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().

[ x] The issue is present in the latest release.
[ x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Debugging the Material UI code on my IE 11 (from Virtual Machine), I got that inside the function hexToRgb, the code let colors = color.match(re); return null:

The following screenshot has the locals variables:

VirtualBox_MSEdge - Win10_23_10_2019_11_01_20

Expected Behavior 🤔

The color.match should return an array with the matches

Your Environment 🌎

Internet Explorer 11

Tech	Version
Material-UI	v4.5.1

Issue Analytics

State:
Created 4 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

1reaction

larsenworkcommented, Feb 24, 2020

@oliviertassinari not sure if exactly the same issue but in a typescript project I ran into having a theme like

const theme = createMuiTheme({
  palette: {
    background: {
      default: "white"
    }
  }
});

Steps to reproduce:

Have theme.palette.background.default = "white"
Don’t get any type warnings/errors and the app seems to work fine
Load a snackbar and get thrown an error Material-UI: unsupported 'white' color.

Try out sandbox here: https://codesandbox.io/s/material-ui-unsupported-color-t6iof

1reaction

oliviertassinaricommented, Oct 24, 2019

🎉 thanks for sharing!

Top Results From Across the Web

IE 11 issue: *Material-UI: unsupported `` color. We support the ...

IE 11 issue : *Material-UI: unsupported `` color. We support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().* #18005.

jss how to change opacity for a color - Stack Overflow

I would like to know if exist a function to add opacity based on color theme.colors.red . example smt like: backgroundColor: color(theme.colors.

https://unpkg.com/material-ui@1.0.0-beta.43/styles...

@param {string} color - Hex color, i.e. #nnn or #nnnnnn * @returns ... 'We support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(),...

youtube-danmaku - Source code - Greasy Fork

Note: Does not support rgb % values. * * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(),...

Design Patterns with React Easy State | by Bertalan Miklos

React Easy State is a transparent reactive state management library with two functions and two accompanying rules. Always wrap your components with view()...