Footer links/columns "shift" to the right when navigating through site's "sections" on mobile #485
Labels
bug
An error in the Docusaurus core causing instability or issues with its execution
difficulty: starter
Issues that are starter difficulty level, e.g. minimal tweaking with a clear test plan.
good first issue
If you are just getting started with Docusaurus, this issue should be a good place to begin.
status: claimed
Issue has been claimed by a contributor who plans to work on it.
Is this a bug report?
Yes.
Have you read the Contributing Guidelines on issues?
Yes.
I proudly contributed to 2 merged PRs recently—:tada:—but for this one I won't be able to directly bring a fix myself as easily (should be easy for a CSS Jedi though), hence this issue.
Environment
Observed on Linux (Linux Mint 18.3 KDE) with Firefox & Chromium browser.
Node 8.9.4 / npm 5.6.0.
Latest (1.0.7) version of Docusaurus at least.
Can also be observed on the Docusaurus public website as well in the docs part (https://docusaurus.io/docs/).
Steps to Reproduce
Expected Behavior
At steps 4, 6 and 8, the footer should display links & columns aligned to the left of the page.
Actual Behavior
Seems that after third section, footer links & columns are still "KO" in this sense but are "as shifted as the third section's footer")
Reproducible Demo
One can directly see the the phenomenon by going to these URLs for steps 2, 5 and 7:
Or set up the example project and see it locally:
step 4:

step 5:

step 6:

step 8

See the "shifting"? 😉
The text was updated successfully, but these errors were encountered: