Do not use nested tables for displaying JSON data in MediaWiki:*.json pages (because mobile resolutions)
Open, LowPublic
Actions

Assigned To

None

Authored By

	Danny_B
	Jan 17 2016, 8:34 PM

Description

Currently MediaWiki:*.json pages use nested tables to display the JSON data.

Nested tables are generally evil - low accessibility, longer code, longer render time, bigger RAM consumption, more difficult DOM/XPath/CSS selector addressing etc. etc...

Use more reasonable representation, for instance something like (my favourite) jQuery Based Pretty Collapsible JSON Tree Viewer (demo). It's an idea how it should look, the script itself would need to be modified, since we need the page to display the JSON data even without JS (like static <ul> in this particular example).

Developer notes

Test URL: https://meta.wikimedia.org/w/index.php?title=Schema:NavigationTiming&oldid=21012083&

Related Objects

Mentioned Here: T140689: JSON content does not render nicely at mobile resolution

Event Timeline

Danny_B created this task.Jan 17 2016, 8:34 PM

Danny_B raised the priority of this task from to Needs Triage.

Danny_B updated the task description. (Show Details)

Danny_B added projects: MediaWiki-User-Interface, Accessibility, JavaScript.

Danny_B added subscribers: Danny_B, Krinkle.

Restricted Application added subscribers: StudiesWorld, Aklapper. · View Herald TranscriptJan 17 2016, 8:34 PM

• jhobs triaged this task as Low priority.Jan 18 2016, 6:11 PM

• jhobs set Security to None.

Danny_B moved this task from Unsorted to Semantic HTML on the Accessibility board.Jan 22 2016, 10:44 PM

FreedomFighterSparrow awarded a token.Apr 1 2016, 12:32 PM

FreedomFighterSparrow subscribed.

Is T140689 a duplicate of this?

Aklapper renamed this task from Use more reasonable displaying of JSON data in MediaWiki:*.json pages than nested tables to Do not use nested tables for displaying JSON data in MediaWiki:*.json pages (because mobile resolutions).Jul 24 2021, 2:13 PM

Aklapper merged a task: T140689: JSON content does not render nicely at mobile resolution.

Aklapper edited projects, added Mobile; removed JavaScript.

Aklapper added subscribers: Masumrezarock100, gerritbot, Zppix.

ovasileva added a project: Web-Team-Backlog.Jul 26 2021, 9:57 PM

ovasileva moved this task from Incoming to Triaged but Future on the Web-Team-Backlog board.

Jdlrobson added a parent task: T287412: [GOAL, placeholder] Fix bugs relating to user experience in Minerva impacting mobile users.Jul 26 2021, 10:03 PM

Jdlrobson updated the task description. (Show Details)

This product is not really in the scope of the readers web team but given the lack of attention and how it impacts desktop improvements, we're willing to consider it in future alongside other planned mobile fixes. A HTML/CSS only patch that improves the mobile experience by removing nested tables will be considered.

We do not wish to be involved in any plans to add a JavaScript library at this point.

In mobile, it has horizontal scrolling:

Screen Shot 2021-07-26 at 3.06.24 PM.png (1×846 px, 127 KB)

In desktop it spills out the page:

Screen Shot 2021-07-26 at 3.07.40 PM.png (1×736 px, 102 KB)

Jdlrobson removed a project: Web-Team-Backlog (Tracking).Sep 21 2021, 8:33 PM

Jdlrobson removed a parent task: T287412: [GOAL, placeholder] Fix bugs relating to user experience in Minerva impacting mobile users.Dec 1 2021, 9:49 PM

This is now becoming an issue on desktop.
https://meta.wikimedia.org/wiki/Schema:MobileWebInfobox

Screenshot 2023-03-02 at 1.59.31 PM.png (1×1 px, 365 KB)

Krinkle unsubscribed.Mar 3 2023, 3:38 AM

	F36889435: Screenshot 2023-03-02 at 1.59.31 PM.png
	Mar 2 2023, 9:59 PM

	F34564513: Screen Shot 2021-07-26 at 3.06.24 PM.png
	Jul 26 2021, 10:08 PM

	F34564515: Screen Shot 2021-07-26 at 3.07.40 PM.png
	Jul 26 2021, 10:08 PM

Do not use nested tables for displaying JSON data in MediaWiki:*.json pages (because mobile resolutions)Open, LowPublicActions

Description

Developer notes

Related Objects

Event Timeline

Do not use nested tables for displaying JSON data in MediaWiki:*.json pages (because mobile resolutions)
Open, LowPublic
Actions