gatsby-plugin-typography breaks site in IE11?

[jp887]

The default Gatsby starter works great in IE11. However, after installing gatsby-plugin-typography I get the following error in the browser console and the app fails:

Object doesn't support property or method 'assign'

The same error occurs for starters that use typography.js by default like the blog starter.

I even get this error in the console when I visit the Gatsby documentation site (which presumably uses typography.js).

I've tried adding babel-polyfill using this method but this didn't seem to make a difference. In any case, as far as I can tell the babel-preset-env config is including a polyfill for Object.assign anyway.

The Object.assign statement that is failing seems be within typography.js code that gets included in the production bundle. I was actually slightly surprised to find typography.js code is running on the client for production builds, as I though typography.js was just used to generate styles to be added to the document head at build time?

In any case I need to support IE11 in my site. Any advice would be much appreciated.

[pieh]

I can confirm - it happens on gatsbyjs.org too in IE11

@KyleAMathews should typograhy code be included in production runtime? (not familiar with it)

[KyleAMathews]

Typography.js can also be used in the browser to style components using css-in-js. I have a refactor almost ready that'll remove this particular error.

[jp887]

Thanks @KyleAMathews. Out of interest what's the need to do typography styling via css-in-js in Gatsby if the css is already injected into the document head?

[KyleAMathews]

Stuff like paddings/margins or setting custom font sizes.

[jp887]

@KyleAMathews any idea when this fix will be ready? I have a site going live soon that needs to support IE11. If the fix is a still a while off I'll temporarily remove typography.js. Thanks again.

[dectys]

Same problem here with IE11, is that soon to be released or is there a quick fix ? Thanks

[gatsbot]

Old issues will be closed after 30 days of inactivity. This issue has been quiet for 20 days and is being marked as stale. Reply here or add the label "not stale" to keep this issue open!

[mclarkos]

Not stale—still keen to see this fixed.

[gatsbot]

This issue is being closed due to inactivity. Is this a mistake? Please re-open this issue or create a new issue.

[TuckerWhitehouse]

This is is not stale and should be re-opened.

[gatsbot]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

Thanks for being a part of the Gatsby community! 💪💜

[wardpeet]

@TuckerWhitehouse still an issue? I couldn't reproduce it. I just followed https://www.gatsbyjs.org/docs/typography-js/

[gatsbot]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contributefor more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

[gatsbot]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks again for being part of the Gatsby community!