Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
To handle IE9, I need to have Meteor NOT concatenate the css files #1876
IE9 has a 4095 selectors / stylesheet limit. ( you can read a little bit about that here : http://stackoverflow.com/questions/9906794/internet-explorers-css-rules-limits ). Once that limit is hit, the rest of the styling rules are silently ignored. (thank you Microsoft employees for not even bothering with an error message to console)
I would like a clean solution from the Meteor community on how to have Meteor serve the original css files (minimizing is o.k. but not concatenated) to IE9-.
We are doing a temporary hack of asking user to upgrade but that seems really lame since the solution is "simply" get Meteor to not concatenate the css files.
referenced this issue
Apr 18, 2014
a temp solution is to split the css using bless (http://blesscss.com/)
in this way, IE users will download 2 css: the one created from meteor and the one splitted with bless
please note that we are manually appending a timestamp in the querystring to avoid browser caching the css
Any update on this issue? Would it be much trouble if during the build, we generate ie9-specific CSS files, split it into chunks which fits the 4096 selector limit, _but only if required, and then add a HTML conditional comments _if required so IE9 will load that CSS, and the rest will not bother with it.
And if this is not an issue, then the IE9 CSS won't be generated in the build, and conditional comments won't be in the final HTML.
I used two CSS files and meteor doesn't concatenate them, for this i have created separate package which injects the CSS file, placed in public folder, directly into the head tag.
var head = document.getElementsByTagName('head');
//Generate a style tag