Jss: IE 11 injection order is wrong

[oliviertassinari]

__Expected behavior:__
IE 11 behaves as the other browsers.

__Describe the bug:__
IE 11

The other browsers

This is a v10 regression. It was first reported in https://github.com/mui-org/material-ui/issues/14045.

__Codesandbox link:__
https://codesandbox.io/s/z2k5o54p5m

__Versions (please complete the following information):__

• jss: v1.0.0-alpha.5
• Browser: IE 11

[oliviertassinari]

I have found the source of the issue. It's linked to a change of the inject and deploy order.
In JSS v9 (deploy > insertBefore)

In JSS v10 (insertBefore > deploy)

So fixing the issue should be a matter of inverting the call order. I have hacked it on my local build. it works.

[oliviertassinari]

Before:
https://github.com/cssinjs/jss/blob/4c7c2fd3e0b2ff9983c274fc7197dd8154dc47ae/src/StyleSheet.js#L58-L65
After:
https://github.com/cssinjs/jss/blob/35e4f8d17c49d0688d660d20d467dc56ccf7e226/packages/jss/src/StyleSheet.js#L57-L64

[oliviertassinari]

The regression comes from https://github.com/cssinjs/jss/pull/857

[kof]

I have tried running that example on IE11, I get errors, how did you test it there? Looks like the errors are from codesandbox.

[oliviertassinari]

@kof It's related to https://github.com/CompuIves/codesandbox-client/issues/1187. Codesandobx broke the IE 11 support at some point. I have used a naked project, something like CRA or Next.js. Maybe you can use the JSS documentation website?

[kof]

Interesting, actual source order of style tag is correct.

[kof]

funny, order in which we insert style tags takes precedence over their position in the dom

[kof]

@oliviertassinari published 10.0.0-alpha.7, let me know if it worked for you!