IE11: Issues with gatsby-mdx move

[asudoh]

Brief description

Found the following issues, causing the user-facing issue described below:

• We seem to have started using a separate bundle associated with gatsby-mdx, separate from the one that src/templates/page.js creates. While the latter contains required polyfills, the former doesn't, causing IE11 error complaining against missing Object.values() function.
• I saw the same (or at least, similar) error described at:
  MDXRenderer breaks in IE11 ChristopherBiscardi/gatsby-mdx#301 (comment)
• I saw the same (or at least, similar) error described at: Missing resources for / gatsbyjs/gatsby#11524

Detailed description

Describe in detail the issue you're having.

next.carbondesignsystem.com is not interactive with IE11.

Is this issue related to a specific component?

No

What did you expect to happen? What happened instead? What would you like to see changed?

e.g. Side nav in the site is interactive.

What browser are you working in?

IE11

What version of the Carbon Design System are you using?

next.carbondesignsystem.com

[vpicone]

Is there a reason we're doing this global scope thing as opposed to just importing the necessary components into the mdx files?

[asudoh]

@vpicone Is your question to some of my comments above or of a specific code...? 🤔

[vpicone]

@asudoh I was wondering if importing the components at the top of the mdx files would fix the double bundling issue and include the appropriate polyfills.

[asudoh]

@alisonjoseph Thoughts...? Thanks!

[josefaidt]

@asudoh and @vpicone I've been looking into this and can't get the sidebar to work in v9 either using IE11. For me it doesn't work in v9 or v10 on IE11. For clarification the interactiveness you are looking for is when clicking content categories the item should expand to show its pages?

I added the polyfills to the MDX global scope and it does fix some issues with MDX pages like "Resources", but the sidebar is still broken.

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. Thanks for your contributions.

[aledavila]

@asudoh Commenting so this issue doesn’t close. Is there any update on this. The issue persists in www site now

[asudoh]

@alisonjoseph Do you think you'd have a chance to get in touch with Gatsby team on this, given the issue need Gatsby's internal knowledge for resolution? Thanks!

[vpicone]

@asudoh looks like this was fixed with carbon-design-system/carbon-website#1504 checked with Edge and IE 11

We were importing our React library before the page component with the polyfills. We could have included the polyfills at the gatsby ssr/browser config level, but this works as well.

[asudoh]

Good to hear - Thanks alot @vpicone for checking!