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
}