On wikipedia.org no scrolling in left column "Contents" and pop-up menus

[ddeberhar]

The left column ("Contents"/index) does not allow separate vertial scrolling and is cut at the bottom on my (maybe rather small) screen 1360x768 - on e.g. https://en.wikipedia.org/wiki/History_of_Greece.
Only when I scroll down to the bottom of the article text in the center column, the bottom of the left column also comes up and becomes visible.
If I resize the browser window less wide, the left column ("Contents") disappears instead of moving above the article into the center (with scripting enabled; with scripting blocked the "Contents" do move, overlapping the Article main text).
Pop-up menus like (top left) "three bars" menu and right hand "Tools" menu also lack a vertical scroll bar, thus cutting off some items, depending on the browser window size (or zoom level).
If the article's text exceeds a certain length (like this example), it overlaps and goes past the page footer.

The cropping of the "Contents" column becomes visible especially when scripting is disabled, e.g. by uBlock Origin, which causes unfolding all sections.

There also seems to be a shortcoming in the formatting templates of the page itself - the border of the pop-up "Tools" menu may happen to extend beyond the lower border of the browser window, it appears in the same way with Waterfox, Firefox, Chromium.
SeaMonkey shows the same rendering as PaleMoon (33.7.0 GTK3 and also SSE2_GKT3 builds). All browsers tested on Linux 64-bit Manjaro stable.

The lack of scrolling ability in certain areas may sometimes be worked around by zooming out, but this can make it hard to read the text. Some sites with similiar issues may have left out the scrolling option in the style template, some provide it like wikipedia, but not usable in Pale Moon.
From my understanding including new CSS options in the rendering will require quite some effort, but many websites rather do'nt care about maximum compatibility but try to employ the newest options for a technically "up-to-date" look - making the life harder for browser developers ...

Many thanks for your work on this nice application.

[Gemmaugr]

Since they needlessly changed the layout, for the worse, I've been using "?useskin=vector" (with a greasemonkey script to auto re-direct), as in: https://en.wikipedia.org/wiki/History_o ... kin=vector

I've not noticed any issues with that, so it might tide you over until someone who knows more can reply.

[Massacre]

The best theme for now is Vector legacy (2010), newer themes are mobile-first.

[Lucio Chiappetti]

Petsonally I use this bookmarklet to use the Vector skin

Code: Select all

javascript:var%20url%20=%20new%20URL(location.href);%20url.searchParams.set('useskin',%20'vector');%20location.href%20=%20url;

[moonbat]

I have an account, so I've set my preference to use Monobook, given it's even more information dense and suited to a desktop.

[adoxa]

It's using double-value overflow, here's a userstyle workaround.

Code: Select all

@-moz-document domain("wikipedia.org") {
  .vector-sticky-pinned-container,
  .vector-dropdown-content {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

[BopBe]

Thanks adoxa. This unscrollable "feature" of their default CSS has being bugging since the beggining.