Page MenuHomePhabricator

big white blank block main page at Firefox mobile in RTL interface
Closed, ResolvedPublic1 Estimated Story PointsBUG REPORT

Description

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

Expected: No horizontal scroll
Actual: Horizontal scroll

What happens?:

there is a large white blank block in the right side.

Event Timeline

hubaishan renamed this task from big white blank block in wikidata main page at Firefox mobile in RTL interface to big white blank block main page at Firefox mobile in RTL interface.Mar 26 2024, 10:20 AM
hubaishan edited projects, added MinervaNeue, Browser-Support-Firefox; removed Wikidata.
hubaishan updated the task description. (Show Details)

Thanks for the report @hubaishan! Is there a chance you can attach a screenshot of the issue. This is what I'm seeing with Firefox on desktop on arwiki:

Screenshot 2024-04-04 at 10.41.19.png (1×890 px, 219 KB)

Thanks for the report @hubaishan! Is there a chance you can attach a screenshot of the issue. This is what I'm seeing with Firefox on desktop on arwiki:

Screenshot 2024-04-04 at 10.41.19.png (1×890 px, 219 KB)

You must be logged in and use any mobile device emulator see this screenshoot from fawiki

image.png (469×737 px, 25 KB)

This bug is caused by `.firstHeading::before` I can't locate it in code . It has rule:

	right: -9999px;

I think no need for `.firstHeading::before` the page run perfectly without it.

Change #1019846 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/MinervaNeue@master] skins.minerva.mainPage.styles should not be a ResourceLoader/SkinModule

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

The style is coming from skins.minerva.mainPage.styles and that seems to be loading styles that are not needed on this apply.

Jdlrobson lowered the priority of this task from High to Medium.Apr 30 2024, 10:52 PM
SToyofuku-WMF subscribed.

I'm not able to reproduce this using firefox on any android devices (on browserstack), including the galaxy note that @hubaishan suggested. We might want to wait until Jon gets back, or the author responds with further instructions on how to reproduce

I'm no longer able to reproduce either, logged in to fawiki, with ?uselang=fa e.g:
https://fa.m.wikipedia.org/wiki/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C?uselang=fa
However, the code in question, right: -9999px; comes from mediawiki/core/resources/src/mediawiki.skinning/logo.less which is being loaded erroneously like Jon points out.

I did notice if I switch the rule from right: -9999px; to left: -9999px; then I am able to reproduce this issue:

Screenshot 2024-05-10 at 10.16.43 AM.png (975×444 px, 122 KB)

So I'm willing to bet that although I can't reproduce it personally, that probably some people can, and not loading that code will resolve it. I'm going to go ahead and merge Jon's patch and we'll see if we can verify this in QA or if it'll be resolved in production next week.

I'm not able to reproduce this using firefox on any android devices (on browserstack), including the galaxy note that @hubaishan suggested. We might want to wait until Jon gets back, or the author responds with further instructions on how to reproduce

You must be logged in and using RTL interface. (note: do not try in arwiki or arwikisource or wikidata because I fixed it there)

@Jdrewniak

This is a Firefox bug, the screenshot seems from another browser.

FWIW I don't think this is actually impacting any real devices - this seems to be an issue in the Firefox emulator - but the CSS code causing this error shouldn't be here so we should definitely remove it. I have added some clearer replication steps in the description. Edward - I can replicate so feel free to reach out if you can't.

Change #1019846 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] skins.minerva.mainPage.styles should not load feature styles

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

Change #1031588 had a related patch set uploaded (by Jdlrobson; author: Func):

[mediawiki/skins/MinervaNeue@master] styles: Stop using SkinModule in skins.minerva.mainPage.styles

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

Change #1031588 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] styles: Stop using SkinModule in skins.minerva.mainPage.styles

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

Edtadros subscribed.

@Jdlrobson i can't recreate on production fawiki. This is what I see:

screenshot 350.png (1×1 px, 358 KB)

That's a pass! This was fixed in production in wmf.5.