jss styles are inserted at the bottom of <head />
See original GitHub issueProblem description
The v1 documentation here states that, “The CSS injected by Material-UI to style a component has the lowest specificity possible as the <link /> is injected at the top of the <head />”. However, I am observing locally that the styles are being injected at the bottom of <head />. I do not have any custom configuration set for JSS, so I don’t believe anything in my codebase would be causing the difference in behavior.
I’m trying to follow the JSS docs to customize the insertion point via a comment, but everything I do within jss.setup()
seems to be overriden with a MUIThemProvider that usesmuiThemeProviderFactory.js
, which I don’t have direct access to.
The docs examples use getContext
, but that seems like a lot of extra boilerplate just to set a CSS insertion point. Does anyone have any advice on how I can get the JSS styles to actually render at the bottom of the <head />
element?
I’m reporting this here instead of SO, because I believe that the documentation is incorrect, and could use some examples for what I would expect to be a common use case for MUI consumers that don’t also rely on JSS as their primary styling solution.
Versions
- Material-UI: 1.0.0-beta.6
- React: 15.6.1
- Browser: Chrome latest
Issue Analytics
- State:
- Created 6 years ago
- Comments:33 (20 by maintainers)
@waynebloss Perhaps you should try a different approach when communicating with people who dedicate a large portion of their lives to something you benefit from without the expectation of payment.
I’m guessing you also think reporting bugs isn’t contributing too lol.
Hey everybody!! Stop reporting bugs to MUI, they don’t need you. kthxbai!!