Material-ui: withStyles function not working in internet explorer 11

[arunmvit]

can u give me a place holder will try to reproduce the issue? where withStyles function doesn't work in internet explorer 11, need help could you please check the same ,

[arunmvit]

can u give me a place holder will try to reproduce the issue? where withStyles function doesn't work in internet explorer 11, need help could you please check the same ,

https://30l85k7mw5.codesandbox.io/ , you can verify same and test it in IE 11 , does't display anything

[eps1lon]

This is an issue with codesandbox: CompuIves/codesandbox-client#1187. I built it locally and had no issues in IE11.

If you encounter any error locally please include the full console error messages.

[oliviertassinari]

We need to fix #14774.

[eps1lon]

We need to fix #14774.

Unrelated here.

[oliviertassinari]

One part of the issue: https://github.com/cssinjs/jss/pull/1065.

[arunmvit]

i am getting error.
unspecified error: near these lines
if (value === '-ms-flex') value = '-ms-flexbox';
el.style[property] = value; // Value is supported with vendor prefix.
full log::
HTML1300: Navigation occurred.
localhost:3000
SCRIPT16389: Unspecified error.
0.chunk.js (6480,5)
SCRIPT5009: 'Promise' is undefined
0.chunk.js (38844,9)
The above error occurred in the in WithStyles(Home) (at App.js:9)
in div (at App.js:8)
in Unknown (at src/index.js:7)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
SCRIPT16389: Unspecified error.
0.chunk.js (36176,9)
SCRIPT5009: 'Promise' is undefined
0.chunk.js (38844,9)
SCRIPT438: Object doesn't support property or method 'assign'
0.chunk.js (14590,3)
SCRIPT5009: 'Promise' is undefined
index.js (1603,1)

[arunmvit]

@eps1lon any update on above error?, or it would be helpful if you can share the repo which works correctly in IE11,

[eps1lon]

@eps1lon any update on above error?, or it would be helpful if you can share the repo which works correctly in IE11,

Nope. You still can't use codesandbox (the website) as a baseline for testing IE11 compatibility. I've built your repro locally and it isn't failing in IE11.

[arunmvit]

thank you so much for the update , i narrowed down and found

      '&::before':{     
        content: '',          
      } 

and afterpseudo classes has this issue.

[oliviertassinari]

@arunmvit content: '""'.

[arunmvit]

thank you so much. it worked ..:)

[oliviertassinari]

@arunmvit does it mean your issue is solved?

[oliviertassinari]

@eps1lon Did your investigation lead to an issue in the core of the library with IE 11?

[eps1lon]

@eps1lon Did your investigation lead to an issue in the core of the library with IE 11?

Looked all good on our side (local create-react-app). Could not solve all issues in next.js or codesandbox. These are still broken (but likely unrelated to our code).

[oliviertassinari]

Ok, so we can close and continue working on #14774?

[oliviertassinari]

https://rawgit.com/mui-org/material-ui/next/examples/cdn-next/index.html is broken with v4.0.0-alpha.4 on IE 11. But I hope https://github.com/cssinjs/jss/pull/1065 will fix that.

[chboing]

@oliviertassinari your comment content: '""'. just litteraly saved my mental health, my week, my life
THANKS