Page MenuHomePhabricator

[BUG] Some articles are showing with horizontal scrolling
Closed, ResolvedPublic

Description

Steps to reproduce
  1. Open an article which contains an inline chart/image, for e.g., Wikipedia
  2. Scroll through the article
Expected

There should only be vertical scrolling

Actual

There is horizontal scrolling, likely due to certain content showing outside of the screen width.
The screenshot shows the charts under "Language editions" which may be the underlying cause.

image.png (1×1 px, 125 KB)

Occurring on

Pixel (Android 8.0.0)
Wikipedia v2.6.206-alpha-2017-11-20

Event Timeline

Dbrant subscribed.

For these kinds of issues, please check whether the behavior also occurs on mobile web, which it does in this case, and tag MobileFrontend .

I can confirm that this issue exists on mobile wikipedia. IMHO The problem causes {{{{ #invoke:Chart | bar chart\n| height = 700\n| width = 800\n| stack = 1\n| group 1 = 1173 : 1804 : 1708 : 1060 : 187\n| group 2 = 141 : 562 : 661 : 600 : 118\n| group 3 = 221 : 427 : 579 : 371 : 80\n| group 4 = 2089 : 4767 : 9291 : 10076 : 1692\n| group 5 = 12033 : 22850 : 34918 : 27805 : 13632\n| group 6 = 10253 : 29618 : 66133 : 91622 : 43202\n| group 7 = 17198 : 75703 : 305141 : 783520 : 290296\n| group 8 = 4225 : 30940 : 225862 : 1855720 : 837412\n| group 9 = 3009 : 11220 : 34137 : 93404 : 61514\n| group 10 = 139 : 407 : 1787 : 16209 : 535499\n| colors = violet : indigo : lightblue : darkgreen : lightgreen : yellow : orange : red : purple : black\n| group names = Featured articles : Featured lists : A-class articles : Good articles : B-class articles : C-class articles : Start-class articles : Stub articles : Lists : Unassessed articles and lists\n| x legends = Top : High : Medium : Low : ???\n}}}} on https://en.wikipedia.org/wiki/English_Wikipedia. The chart template is not mobile friendly (it's wider than the screen size), because of that you can scroll articles horizontally.

TheDJ claimed this task.
TheDJ subscribed.

I adapted the lua module to have the noresize class