Horizontal lists within tables do not follow the style guidelines of the tables they are within
Closed, InvalidPublicBUG REPORT
Actions

Assigned To

None

Authored By

	VoicefulBread66
	Aug 9 2023, 12:00 PM

Description

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

Go to the Wikipedia article on Lovejoy (band) [https://en.wikipedia.org/wiki/Lovejoy_(band)] on the Android beta app
Scroll to the section on Discography > Music videos and open the drop-down

What happens?:
At the row for "Call Me What You Like", the horizontal list displayed is text aligned to the left.

What should have happened instead?:
It should be aligned to the center as this is what is specified in the table style, and how it appears on the web version.

Appearance on mobile web (Chrome):

Screenshot_2023-08-09-19-59-32-151_com.android.chrome.png (1×1 px, 188 KB)

Appearance on Android beta app:

Screenshot_2023-08-09-19-54-23-049_org.wikipedia.beta.png (1×1 px, 163 KB)

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

Other information (browser name/version, screenshots, etc.): Wikipedia Beta version 2.7.50449-beta-2023-07-31, Android 13

Event Timeline

VoicefulBread66 created this task.Aug 9 2023, 12:00 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptAug 9 2023, 12:01 PM

Looks like a possible Parsoid issue:
https://en.wikipedia.org/api/rest_v1/page/html/Lovejoy_(band)#Music_videos

VoicefulBread66 added projects: Parsoid, Wikipedia-Android-App-Backlog.Aug 9 2023, 5:25 PM

Dbrant moved this task from Needs Triage to Tracking on the Wikipedia-Android-App-Backlog board.Aug 9 2023, 5:26 PM

In T343880#9079955, @Dbrant wrote:

Looks like a possible Parsoid issue:

The rendering seems the same as the legacy parser.

Maybe the app needs the equivalent of these hlist styles?
https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.hlist/hlist.less
https://github.com/wikimedia/mediawiki-skins-MinervaNeue/blob/master/skinStyles/mediawiki.hlist/minerva.less

I guess we need a stylesheet update in PCS?

SLopes-WMF edited projects, added Page Content Service; removed Parsoid.Aug 10 2023, 2:12 PM

SLopes-WMF added a project: Content-Transform-Team-WIP.Aug 10 2023, 2:15 PM

VoicefulBread66 updated the task description. (Show Details)Aug 14 2023, 7:33 AM

MSantos removed a project: Content-Transform-Team.Aug 17 2023, 2:07 PM

MSantos added a project: Essential-Work.Aug 21 2023, 2:37 PM

After some investigation, we found out that PCS is retrieving this css [1] from ResourceModule, but I can't find any code related to it. Anyone knows how that can be debugged?

In T343880#9083854, @cscott wrote:

I guess we need a stylesheet update in PCS?

The files listed above are already up to date.

[1] https://en.wikipedia.org/w/load.php?only=styles&modules=main%7Csite.styles&target=mobile&skin=minerva

As of today, all renderings are similar and aligned left, which seems to be defined from Common.css in

.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
	/* @noflip */
	text-align: left;
}

with nothing specific about hlist that I can see. Closing as "invalid" for lack of reproducibility in "centered" behaviour on desktop version.

	F37375147: Screenshot_2023-08-09-19-54-23-049_org.wikipedia.beta.png
	Aug 9 2023, 12:00 PM

	F37375148: Screenshot_2023-08-09-19-59-32-151_com.android.chrome.png
	Aug 9 2023, 12:00 PM

Horizontal lists within tables do not follow the style guidelines of the tables they are withinClosed, InvalidPublicBUG REPORTActions

Description

Event Timeline

Horizontal lists within tables do not follow the style guidelines of the tables they are within
Closed, InvalidPublicBUG REPORT
Actions