Page MenuHomePhabricator

No scrollbars on mobile tables
Closed, ResolvedPublic

Description

https://www.mediawiki.org/wiki/Help:Magic_words#URL_data in the section URL_data (and other) there is a wide table and nowhere to be seen horizontal scroll (It can be seen only by scrolling the page to the end) you can move to the right/left using the keyboard arrows and the middle mouse button is it special that there is no floating scrollbar?

Event Timeline

Sunpriat2 renamed this task from Timeless skin do not have a horizontal scroll to Timeless skin does not show scrollbar.Oct 30 2017, 9:53 AM
Sunpriat2 updated the task description. (Show Details)

The table doesn't have a scrollbar because no other skins have a scrollbar.

However, because of the way the content column is styled, it takes the scrollbar instead of the viewport of the browser.

A couple solutions I know of: A) That should be fixed for the content column, or B) better idea is for tables at least to take an overflow: auto style. The latter is not the best accessibility for certain groups so far as I understand and is applicable to more HTML than just tables, but the former might make column unresponsive (out of knowledge zone), so that wouldn't fit with the skin.

Isarra renamed this task from Timeless skin does not show scrollbar to No scrollbars on mobile tables.Jul 21 2018, 12:25 PM
Isarra updated the task description. (Show Details)

We need some js to make all tables pop out if they don't fit, no matter the resolution, as an up-to-full-wdith side-to-side thing with a scrollbar if needed.

How hard could it be?!

Change 645480 had a related patch set uploaded (by Isarra; owner: Isarra):
[mediawiki/skins/Timeless@master] Scrollbars on wikitables and junk

https://gerrit.wikimedia.org/r/645480

Change 645480 merged by jenkins-bot:
[mediawiki/skins/Timeless@master] Scrollbars on wikitables and junk

https://gerrit.wikimedia.org/r/645480

Isarra claimed this task.

:DDD

Tables like https://en.wikipedia.org/wiki/Wikipedia:Sockpuppet_investigations are no more workable on desktop as one has to go all the way to the bottom for horizontal scroll. Maybe make the table scroll with mouse?

Tables like https://en.wikipedia.org/wiki/Wikipedia:Sockpuppet_investigations are no more workable on desktop as one has to go all the way to the bottom for horizontal scroll. Maybe make the table scroll with mouse?

This was sort of the plan, but it turns out it's Hard and I don't know how. Made a task for it, though, as... really, this would be a lot better: T270050

In the meantime you can just click on the contents of the table and use the arrow keys, but that's kind of... not ideal either. >.>