hostingby.design - side element not scrolling, scrollbar missing

[back2themoon]

Hello, visit this page:

https://docs.hostingby.design/applicati ... box-basics

There's a vertical menu column/section on the left, with expandable items/entries. Expand as many as you can to fill the vertical space. A tiny scrollbar should appear on the right and all elements should be accessible/visible. But no scrollbar appears and you cannot scroll further down:

wrong.png

This is the correct, intended result:

correct.png

Also, if you scroll up/down the main/center section, you will see some weird text overlap on the smaller, left section. This overlap is usually only visible for a split second so it's not immediately noticeable. I grabbed a screenshot though:

Overlap.png

I don't see anything in the Error Console.

[adoxa]

But no scrollbar appears and you cannot scroll further down:

It seems height isn't being interpreted correctly, try this userstyle (may break on an update).

Code: Select all

@-moz-document domain("docs.hostingby.design") {
  .sidebar_njMd {
    height: 100vh !important;
  }
}

Also, if you scroll up/down the main/center section, you will see some weird text overlap on the smaller, left section.

Yeah, don't know what's going on there. Looks like scrolling the main section also may scroll the sidebar, then the sidebar corrects itself.

[back2themoon]

Thank you adoxa, fix works fine.

After some persistence, I got this in the Error Console:

Code: Select all

Error: Permission denied to access property "target"
Source File: https://docs.hostingby.design/assets/js/main.140ce793.js
Line: 2