Docs layout issue: content container does not grow to take all the available space

[slorber]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

The docs layout looks particularly weird when sidebar/content is smaller than viewport, which is likely to be the case on small pages + vertical screen

Follow-up of bug discussed in:

• fix(theme): preserve sidebar height on collapse #8328 (comment)
• Preserve sidebar height when toggling sidebar #4415

Reproducible demo

No response

Steps to reproduce

https://docusaurus.io/tests/docs/doc-with-another-sidebar

Expected behavior

The content container (sidebar + main) should grow

Actual behavior

The content container does not expand

Your environment

No response

Self-service

• I'd be willing to fix this bug myself.

[RavenColEvol]

Can someone close this Issue if it's completed?

[0916dhkim]

It's not completed yet. The issue is still there.

[Djunnni]

if this #8463 PR is finish, i will do some of work for #8370

[Briffou]

I feel like I still have this issue on a fresh docusaurus 2.3.1 install, where I simply added

      docs: {
         sidebar: {
            hideable: true,
         },
      },

inside docusaurus.config.js

[Tandashi]

In case someone finds this and still has the same issue. I added the following to my custom.css file:

/* Full Size Sidebar */
.main-wrapper > div {
  flex: 1 0
}

[slorber]

Will look into it, indeed it seems we have a little flex problem.

Not related to the hideable sidebar, can also be seen here:

https://tutorial.docusaurus.io/docs/tutorial-basics/congratulations/

---

@Tandashi good workaround. Do you want to send a PR with a proper solution?

[Tandashi]

@slorber Sure, will try my best

[Tandashi]

@slorber Looks like it's already fixed in the 3.0.0-alpha.0 version. At least the tutorial page (examples/classic) renders as it should.

[slorber]

Thanks, looks like you are right and it's fixed already! See prod URL: https://docusaurus.io/tests/docs/more-test

Looks like this issue has been fixed in #7966 and it's a breaking change pr and not backported to 2.x

Will do a quick fix for docusaurus-v2 branch

[slorber]

should be fixed in #8707