Docs: "Using with webpack" page does not render correctly in Firefox

[sloria]

Do you want to request a feature or report a bug?

bug

What is the current behavior?

https://facebook.github.io/jest/docs/en/webpack.html displays incorrectly in Firefox 57.

If the current behavior is a bug, please provide the steps to reproduce and either a repl.it demo through https://repl.it/languages/jest or a minimal repository on GitHub that we can yarn install and yarn test.

Visit https://facebook.github.io/jest/docs/en/webpack.html in Firefox 57.

What is the expected behavior?

Sidebar renders correctly.

Please provide your exact Jest configuration and mention your Jest, node, yarn/npm version and operating system.

[thymikee]

cc @ericnakagawa is this something on Docusaurus side?

[rogeliog]

The same issue is also present in Chrome

[xjlim]

It seems to be caused by text overflow for long strings such as
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js" in the docs.
A quick fix is to add overflow:auto on .mainContainer. However, I can't reproduce that locally, so it could be due to github pages.

[xjlim]

@ericnakagawa It seems like the production site is using an old version of Docusaurus. This does not show up locally as it uses the latest version - 1.0.0-beta.x with the proper styling in the generated main.css file.

[elevenpassin]

Is this still open?

Everything seems to be working fine for me in Firefox 57

[cpojer]

Closing as it is working now.

[SimenB]

For posterity, fixed in #4781

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.