Mermaid diagrams in wiki covered by page list

Summary

Wide MermaidJS diagrams can't be seen in their entirety because the page list covers their right part. The page list can't be hidden.

Steps to reproduce

  1. Create a wiki page with the following contents:
graph LR
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA --> BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB --> CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC --> DDDDDDDDDDDDDD --> EEEEEEEEEEE --> FFFFFFFFFFFFFFFFFFFFFFFFFF --> GGGGGGGGGGGGGGGGGGGGGG --> HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHh
  1. Resize the window or increase the font size to activate the bottom scrollbar.

Example Project

https://gitlab.com/tomcg/hidden-mermaid/-/wikis/mermaid's-home

What is the current bug behavior?

Right part of the diagram is not visible.

What is the expected correct behavior?

After scrolling to the right I expect to see the whole diagram.

Relevant logs and/or screenshots

Screenshot_2020-01-27_20-44-42

Output of checks

This bug happens on GitLab.com.

Possible fixes

Workarounds that work for not too big diagrams:

  • zoom out (in the browser)
  • buy and connect more monitors and span the browser window horizontally
Edited by Tomasz Nowak