[BUG] Side Scrolling on Articles with the Listen Template
Open, Needs TriagePublic

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:

JoeWalsh created this task.Jul 26 2016, 4:40 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 26 2016, 4:40 PM
JMinor triaged this task as Low priority.Jul 26 2016, 5:20 PM
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.
julbod added a subscriber: julbod.EditedMar 13 2017, 3:53 AM

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