[BUG] Some articles scroll horizontally
Closed, ResolvedPublicBUG REPORT
Actions

Assigned To

Authored By

	• NHarateh_WMF
	Oct 24 2017, 3:36 PM

Description

How many times were you able to reproduce it?

5/5

Steps to reproduce

Open "Marseille" article in French
Try to scroll horizontally

Expected results

User cannot scroll horizontally in the article view

Actual results

User can scroll horizontally in the article view

Screenshots

Environments observed

App version: Latest develop and 5.6.1
OS versions: iOS 11
Device model: iPhone 6 Plus and iPhone 7 Plus
Device language: EN

Regression?

This is a recurring templating issue. In the past we solved it by altering the Wikipedia article.

Related Objects

Mentioned In: T381583: Text and Images Overflow Beyond Viewport on Mobile

Event Timeline

• NHarateh_WMF created this task.Oct 24 2017, 3:36 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 24 2017, 3:36 PM

This site looks better organised/designed than the actual wikipedia site!

I’m not sure whether I understand the description in the bug report form though… the issue is that scrolling *should* (my expectation) only be up and down but the article also scrolls horizontally. When this happens to the right, the article text will be out of view (seen dramatically on the first screenshot). Also: this behaviour also blocks the iOS-wide swipe-from-the-left-margin-to-the-right gesture for navigating back (from the article to the list).

I also noticed that this behaviour can be rectified. An example is the Wikilinks app, which apparently uses workarounds for any templating issue…

• JMinor triaged this task as Low priority.Oct 30 2017, 6:13 PM

• JMinor moved this task from Needs Triage to Bug Backlog on the Wikipedia-iOS-App-Backlog board.

• JMinor added a project: iOS-app-v5.7.4-Dachshund-On-An-Elk.

• JMinor moved this task from Tasks from Product Backlog to Ready for Development on the iOS-app-v5.7.4-Dachshund-On-An-Elk board.Oct 30 2017, 10:36 PM

This is an issue on MobileFrontend. The divs holding the tables and the image below have inline width set.

• NHarateh_WMF moved this task from Ready for Development to Blocked or Waiting on the iOS-app-v5.7.4-Dachshund-On-An-Elk board.Nov 3 2017, 6:08 PM

Thanks Natalia.

Could this be corrected? I'm from a totally different scientific background... so please excuse my naive questions.

Hey @SteffenB70, no problem! 😃 Yes, I believe this can be corrected if we get rid of the inline width, but since this is an issue on both Mobile Frontend and the iOS app, it should be fixed on Mobile Frontend. It will then work fine on Mobile Frontend and in the app.

<div style="overflow:hidden; width: 48em; margin: 0 auto; padding:0 1px;">

<div text-align: center; margin: 0 auto; overflow: hidden; zoom: 1; width:710px; margin: 0 auto;>

the width being set in those divs (that are parents divs of the elements that are expanding the view) is causing the issue, if you take out the width declaration, it works fine

Thanks Natalia. Looking forward to this solution. Is there anything that i could to help?

Jdlrobson added a project: Web-Team-Backlog-Archived (Tracking).Nov 6 2017, 6:07 PM

• Niedzielski subscribed.Nov 6 2017, 7:01 PM

• Niedzielski updated the task description. (Show Details)Nov 6 2017, 7:04 PM

• Niedzielski updated the task description. (Show Details)

• JMinor removed a project: iOS-app-v5.7.4-Dachshund-On-An-Elk.Nov 13 2017, 7:20 PM

• JMinor moved this task from Bug Backlog to Tracking on the Wikipedia-iOS-App-Backlog board.

Dear all,

just wondering, is this issue still being investigated? Would nice, since it's disturbing an otherwise fantastic app for researching and reading Wikipedia articles.

Thanks and best wishes from Tübingen, Germany,

Steffen

Jdlrobson moved this task from Untriaged to Move to Backlog on the Web-Team-Backlog-Archived (Tracking) board.Feb 7 2018, 5:51 PM

Hi all, not sure if this is related but we received a ticket on OTRS regarding horizontal scrolling due to math overflows on the Color Difference article.
It's strange because some of the math behaves properly, but one section overflows. I made a video here: https://www.youtube.com/watch?v=VowPDRO7FDE&feature=youtu.be

LGoto merged a task: T203857: User reports rendering issue when scrolling articles on iPhone X.Jan 8 2019, 7:18 PM

LGoto added subscribers: • JMinor, ABorbaWMF.

Jdlrobson edited projects, added Local-Wiki-Template-And-Gadget-Issues; removed Web-Team-Backlog-Archived (Tracking), MobileFrontend.Oct 29 2019, 5:04 PM

Restricted Application changed the subtype of this task from "Task" to "Bug Report". · View Herald TranscriptOct 29 2019, 5:04 PM