BUG: Scroll is not working in sidebar after refreshing

[vk-0-7]

Description

when you try to scroll the sidebar of the page . the sidebar does not get scrolled instead the main content get scrolled. This only happens if you refresh the page with scrollbar e.g .- Docs page or tutorial page. if you jump from home page . then the scrollbar is working fine.

Untitled.video.-.Made.with.Clipchamp.1.mp4

Steps to reproduce

1. visit mermaid .
2. scroll the sidebar.

Screenshots

Code Sample

No response

Setup

• Mermaid version:
• Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

sidebar should be scrollable even after refreshing the page.

Additional Context

No response

[harshul786]

This is a serious issue I think

Screen.Recording.2023-10-04.at.3.08.34.PM.mov

On macos, you can't even click a thing on the sidebar, nor you can scroll it.
mermaid

[italomaia-bk]

Scrolling and links do not work on Chrome 117.0.5938.132 links and scrolling do not work. The problem is that there is a element in front of the sidebar and that is blocking access to it (clicks & scrolling).

This CSS rule .VPContent[data-v-644df344] is setting width to 100% and that is causing the issue. By removing it, things work again (not sure what will break due to that change, but it works fine for me).

[esafak]

Possible related to #4894

[huynhicode]

This seems to have been resolved with the latest update to Docs.

Closing issue - please reopen if needed. Thanks!