Page MenuHomePhabricator

Needless scrollbars in Vector-2022 skin layout
Closed, InvalidPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

vector-menu-scrollbar.jpg (885×1 px, 156 KB)

What happens?:

  • Both vector menus (below header) use scrollbars although they are not necessary.

What should have happened instead?:

  • Show all items in one line.

Software version (skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

  • Windows, Firefox 102.0.1

It seems to be a CSS rule failure.

All would be OK, if you remove the following rule

`.vector-menu-content {

overflow: auto !important;

}`

In this case the !important statement is harmful.

Event Timeline

Aklapper changed the task status from Open to Stalled.Jul 28 2022, 6:56 PM

I cannot reproduce running Firefox 102.0 on https://en.wikivoyage.org/wiki/Wikivoyage:Travellers'_pub?useskin=vector-2022 , no matter which browser zoom level or window width.
Does the problem still happen if you start Firefox in Safe Mode? (Safe Mode disables add-ons, extensions and themes, hardware acceleration and some JavaScript stuff in order to exclude some possible reasons for problems.) See https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode
And does this also happen with a new and empty Firefox profile? See https://support.mozilla.org/en-US/kb/troubleshoot-and-diagnose-firefox-problems#w_6-create-a-new-firefox-profile

I did not use Safe Mode in Firefox.

Beside standard Firefox, I tested it with a new profile on Firefox, with the separate Firefox developer edition, Google Chrome, and Microsoft Edge. All browsers showed the same display failure as shown for Google Chrome and Microsoft Edge below.

vector-menu-scrollbar-chrome.jpg (953×1 px, 185 KB)

vector-menu-scrollbar-edge.jpg (819×1 px, 163 KB)

Today, the same problem occured on German and English Wikipedias. The scrollbar can slightly moved.

I am using a WQHD screen, Win 10, and I tested it with 100 and 125% screen zom. All the same in all cases.

At the German Wikivoyage the problem does not occur because there is an older Mediawiki version running. But if I am adding the rule mentioned above the same error occurs.

Reason: The rule was made by myself, it was in my personal common.css. When I made this it was used to work with the language button. I think the programmers moved the vector-menu-content class from language button to the menus below the header instead of using another one.

Glad you found the reason! (And I should have also pointed to https://www.mediawiki.org/wiki/Help:Locating_broken_scripts earlier, meh. :-/ )
Closing as invalid per last comment.