Docusaurus: Minimal support for IE11

Created on 18 Apr 2018 · 13Comments · Source: facebook/docusaurus

Is this a bug report?

It's a browser compatibility issue, so Yes?

I couldn't find any documentation on supported browsers. I assume that the modern major browsers are all supported but what about Internet Explorer which is still a major browser? I hope we can have minimal support for it, since our library targets the latest version of all major browsers and our users would expect our docs/examples site to have the same browser support.

Have you read the Contributing Guidelines on issues?

Yes I have

Environment

irrelevant, it's a problem in the built site running in IE11, doesn't matter where the site is built

Steps to Reproduce

Visit https://docusaurus.io/ in the latest version of IE

Expected Behavior

I would expect that maybe not everything looks quite right, but the site is functional / usable.

Actual Behavior

It's impossible to navigate the site because the menu items in the menu bar are all smooshed together in the top right corner and it's impossible to read them or click a particular one.

Reproducible Demo

Visit https://docusaurus.io/ in IE11..

bug intermediate claimed

Source

zenflow

Most helpful comment

@yangshun the last issue (on installation page) is due to the image in the content. This is a really weird bug I don't think I have ever encountered it before. The image has max-width: 100% and it's width is reduced but someway its original height is occupying the space. I am not sure how 😭

Will investigate.

ahmadalfy on 7 May 2018

👍2

All 13 comments

@zenflow Would you be able to fix it? Unfortunately we only have Macs :/

yangshun on 4 May 2018

@yangshun I would love to claim and fix this.

ahmadalfy on 6 May 2018

@ahmadalfy That's great! Go ahead. Feel free to rewrite the CSS for the nav bar as well 😄

yangshun on 6 May 2018

👍1

@yangshun OK this was far more simple than I thought 💃

I found other issues as well that I can fix and they will require minimal changes. I can think of opening a PR with the label [WIP] and every commit fix something then you merge whenever you think it's right. What do you think?

ahmadalfy on 6 May 2018

@ahmadalfy Amazing speed! Sounds good. Let's do that 👍

yangshun on 6 May 2018

👍1

@ahmadalfy If possible, could you list down the IE11 issues you intend to fix as a comment here? We can then use this issue to track the fixes.

yangshun on 6 May 2018

@yangshun these are the issues that I found:

[x] Navigation collapse
[x] Shorthand font format with -apple-system making the value invalid to IE11 and hence ignoring the whole declaration
[x] flex-basis and padding with box-sizing: border-box doesn't work as expected and hence causing overflow of the content (one block per line, screenshot 1, screenshot2)
[x] Showcase page having the footer on top overlapping everything on the page (screenshot)
[ ] Massive white space between content and footer (on installation page , screenshot )