Collapse sidebar button works strange.

[mihilt]

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

In https://docusaurus.io/docs, I can see collapse side bar button at the bottom left.
And when I collapse it, it turns weird.
The way to solve this problem is clicking menu that can expand.

I think bug happens because there is a problem between expand menu button and collapse side bar button.

docusaurus_strange_collapse.mp4

Reproducible demo

No response

Steps to reproduce

Visit https://docusaurus.io/docs and act like the video above.

Expected behavior

It need to collapse and expand properly.

Actual behavior

It works something weird.

Your environment

• Public site URL: https://docusaurus.io/docs
• Docusaurus version used: Maybe latest version (2.4.0)
• Environment name and version (e.g. Chrome 89, Node.js 16.4): Chrome
• Operating system and version (e.g. Ubuntu 20.04.2 LTS): MacOS

Self-service

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

[Josh-Cena]

Fixed by #8906

[slorber]

Oups, not fixed, can still reproduce this on our website, this is not supposed to happen:

[mud1tx]

@mihilt I can work on this issue please assign it to me.

[mihilt]

@mud1tx I'm not the maintainer of this repository and I also don't have any permission to set someone in assignees.

[slorber]

@mud1tx if you want to contribute to little issues like this one the best is to send a PR directly.

Unless the PR requires lots of code and a design phase it's better to show us some code asap.

I don't think this issue would have been so easy for an external contributor to fix, so I fixed it here already: #8971