| Simevidas | |
| Aug 10 2022, 3:46 AM |
| F35418011: IMG_0556.WEBP | |
| Aug 10 2022, 5:58 AM |
| F35418008: Screenshot 2022-08-10 at 07.57.28.png | |
| Aug 10 2022, 5:58 AM |
| F35417922: Screenshot from 2022-08-10 07-33-59.png | |
| Aug 10 2022, 5:35 AM |
| F35417856: Screenshot from 2022-08-10 07-16-40.png | |
| Aug 10 2022, 5:18 AM |
In the new design of the English Wikipedia, the table of contents sidebar has a regular scroll bar. This scroll bar can be made thinner via the CSS scrollbar-width: thin declaration (supported in Firefox).
Before/after screenshot comparison: https://i.imgur.com/XD3LwsB.png
Hi @Simevidas, thanks for taking the time to report this! How and where to see what is in the screenshot? Where does that dropdown come from, where does that box on top of text come from? Which browser is this? Does this also happen in safemode? Please provide a list of steps to reproduce.
I'll add a screenshot for comparison:
Steps to reproduce:
You should see a scroll bar on the sidebar.
I tested on both macOS 12.5 and Windows 10. In both cases, the scroll bar has a regular size. It is not thin.
macOS:
Windows:
I'm not sure about this. It seems like a problem for accessibility.
From https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width
"Use this property with caution — setting scrollbar-width to thin or none can make content hard or impossible to scroll if the author does not provide an alternative scrolling mechanism. While swiping gestures or mouse wheels can enable scrolling on such content, some devices have no scroll alternative."
I'd advise using user CSS to work around this in the meantime.
