Page MenuHomePhabricator

[BUG] Side Scrolling on Articles with the Listen Template
Closed, InvalidPublic

Description

Steps to reproduce

  1. 1. visit enwiki > Phil Collins
  2. 2. Scroll to the "In the Air Tonight" listen template
  3. 3. Tap and drag left and right on the text below the template

Expected results

Article stays stationary

Actual results

Article moves left and right

Screenshots

Environments observed

App version: Develop branch, 5.0.5 beta
OS versions:
Device model:
Device language:

Event Timeline

JMinor raised the priority of this task from Low to Needs Triage.
JMinor moved this task from Needs Triage to Bug Backlog on the Wikipedia-iOS-App-Backlog board.

The left and right borders (1px each) of the "listen template" table element are not considered in the calculation of the width of this element. So these 2px cause overflow. Consider using CSS box-sizing property on the table element:

box-sizing: border-box;

https://developer.mozilla.org/en/docs/Web/CSS/box-sizing

JMinor added a subscriber: JMinor.

No longer an issue.