Page MenuHomePhabricator

Infobox caption causes visual glitches on mobile web
Closed, ResolvedPublic

Assigned To
Authored By
Josve05a
Jul 11 2017, 9:19 PM
Referenced Files
F9168131: Screen Shot 2017-08-24 at 1.00.43 PM.png
Aug 24 2017, 6:02 PM
F8794065: image.png
Jul 18 2017, 5:15 PM
F8794063: image.png
Jul 18 2017, 5:15 PM
F8794070: image.png
Jul 18 2017, 5:15 PM
F8794068: image.png
Jul 18 2017, 5:15 PM
F8707308: Recording #1.mp4
Jul 11 2017, 9:19 PM

Description

The <caption class="fn"> (name) of the infobox on https://en.m.wikipedia.org/w/index.php?title=Oscar_Pistorius&oldid=790750320 while on mobile web is glitchy and causes visual glitches.

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3141.8 Safari/537.36

Can be replicated in Windows 10, Chrome 61 on browserstack.com

Related

Event Timeline

Jdlrobson renamed this task from Infobox causes visual glitches on mobile web to Infobox caption causes visual glitches on mobile web.Jul 11 2017, 9:29 PM
Jdlrobson updated the task description. (Show Details)

Same issue is happening when in a private window, so not a custom userscrpt eller gadget causing this.

The only extentions I have in my browser when incognito is:

  • Instapaper 2.0.3 (ldjkgaaoikpmhmkelcgkgacicjfbofhh)

but I tried turnng it off, and still get this issue, so probl. not an issue on my side.

Since that article got deleted, here is another article with the same issue https://en.m.wikipedia.org/w/index.php?title=Oscar_Pistorius&oldid=790750320

ovasileva triaged this task as Medium priority.Jul 17 2017, 4:41 PM
ovasileva added subscribers: ABorbaWMF, ovasileva.

@ABorbaWMF - could you try reproducing this across browsers/devices?

Hello, this one is a little strange. I cannot reproduce this on any simulated devices, but I can reproduce it using a desktop browser and the mobile site URL. So far this happens only with Opera.

Simulated devices

image.png (1×768 px, 411 KB)
image.png (1×720 px, 421 KB)

Desktop

image.png (768×1 px, 278 KB)
image.png (768×1 px, 358 KB)

ovasileva lowered the priority of this task from Medium to Low.Jul 21 2017, 5:43 PM

Change 373623 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Caption should inherit background from table

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

Jdlrobson claimed this task.
Jdlrobson subscribed.

I was able to narrow this down to a rule in MediaWiki:Mobile.css: https://en.m.wikipedia.org/wiki/Special:MobileDiff/797056133
With that eradicated I was seeing:

Screen Shot 2017-08-24 at 1.00.43 PM.png (122×439 px, 36 KB)

This is easily fixed by: https://gerrit.wikimedia.org/r/373623

Change 373623 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Caption should inherit background from table

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