developer.mozilla.org side menu doesn't scroll?

[varve]

I don't know if it's doing this for anyone else, but the sidebar menu on MDN doesn't scroll at all, which makes it a bit harder to navigate the site! There don't seem to be any relevant errors in the console; the CSS has a sticky position on the sidebar container and an overflow:auto on the content which should make it scroll independently of the main text - and it does in other browsers.

Anybody else encounter this?

I don't know if it's the same issue as every discourse forum ever, which won't scroll the static read-only version it gives me. (On top of insisting I "upgrade to a modern browser" )

I just upgraded to Pale Moon 33 to make sure it wasn't already fixed. overflow:auto does work on other websites, giving a scrollbar to the component in question.

[adoxa]

sidebar menu on MDN doesn't scroll at all

Working fine here (Basilisk 2024.02.03).

I don't know if it's the same issue as every discourse forum ever, which won't scroll the static read-only version it gives me. (On top of insisting I "upgrade to a modern browser" )

I have a Modify HTTP Response filter for that (or just block scripts containing browser-detect).

[varve]

Ok, but I'm not using Basilisk?

I have no idea what differences there are between the rendering engine and the interfaces of the two projects that might affect how something scrolls.

Thanks for the link to the filter though, I'll look into that thread.

[Kris_88]

Scrollbars appear when the browser window width is 1200 or more. Try maximizing the browser window.

[varve]

That is such a bizarre setting. It did work, but *why*... and why only on pale moon...

[Kris_88]

There is some problem with the CSS, but I'm too lazy to dig deeper...

[adoxa]

When the minimum width is 1200 there is a maximum height; when the minimum width is 992 there is not. In Firefox it gets clipped to its parent (the element height is what it is, but the display height still gets scrolled); in Basilisk it does not. If you still want the smaller browser width you could add a custom style:

Code: Select all

.sidebar {max-height:var(--max-height)!important}