Last modified: 2014-07-22 05:20:11 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T70354, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 68354 - iOS and Android apps: pie charts are broken
iOS and Android apps: pie charts are broken
Status: NEW
Product: Wikipedia App
Classification: Unclassified
General/Unknown (Other open bugs)
Alpha
All All
: Unprioritized normal
: ---
Assigned To: Nobody - You can work on this!
:
Depends on: 68362
Blocks:
  Show dependency treegraph
 
Reported: 2014-07-21 23:04 UTC by Dan Garry
Modified: 2014-07-22 05:20 UTC (History)
2 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
Pie charts not displaying correctly (103.03 KB, image/png)
2014-07-21 23:04 UTC, Dan Garry
Details

Description Dan Garry 2014-07-21 23:04:41 UTC
Created attachment 15997 [details]
Pie charts not displaying correctly

Pie charts do not display correctly. Example is in the [[Manchester]] article in the section "Demography". The exact same problem is present on both iOS and Android; the pie charts are broken in exactly the same way on both apps.

Android screenshot provided. It looks the same on iOS.
Comment 1 Brion Vibber 2014-07-22 04:40:04 UTC
Turn off JavaScript in the browser and you'll see the same breakage on the mobile site:
https://en.m.wikipedia.org/wiki/Manchester#Demography

I'm not sure how on earth these pie charts are constructed, it looks like some freaky-ass CSS magic.
Comment 2 Brion Vibber 2014-07-22 04:47:49 UTC
wow, deep voodoo :D https://en.wikipedia.org/wiki/Template:Pie_chart#How_it_works

Apparently the template requires this additional magic CSS rule, which is in the site's MediaWiki:Common.css or MediaWiki:Mobile.css and apparently isn't getting loaded:

  .transborder {
      border: solid transparent;
  }

(There's a slightly different rule defined for old IE compat, which is why it's not inline.)

As a workaround we could add the rule to our CSS hacks list, but we probably ought to be fetching the MediaWiki:Mobile.css.

It may also be a bug in MobileFrontend that the rule from MediaWiki:Mobile.css isn't loaded when JS is off...

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links