Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[IE11] Material-UI styles are not isolated between components
See original GitHub issueDescribe the bug
In Internet Explorer 11, when having multiple direflow components using material-ui components in the same page, styles are not isolated between components. It leads to a corrupted style.
I think CSS encapsulation in web components has some limitations, especially when using Internet Explorer. We should use a prefix or something to make any CSS class unique and avoid any style corruption.
I will submit a pull request very soon to fix this issue.
To reproduce
Steps to reproduce the behavior:
git clone https://github.com/alex-fournier/hello-direflow.gitcd hello-direflowyarn installyarn start- Open
http://localhost:3000in IE 11 - The
Selectmui component in Foo component is broken due to the styles added byButtonmui component in Bar component.
Expected behavior
Material-UI styles should be encapsulated in shadow dom and should not impact other components.
Package Manager:
To install Direflow, I used yarn
Expected
Actual result in IE11
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Yes sorry, kind of got carried away with stuff. I’ll make sure to approve it asap, so that it won’t be a blocker for you anymore
Thanks a lot 😃