Page MenuHomePhabricator

Overflowing image captions on iOS9 due to use of flex box
Closed, DuplicatePublic

Description

In mobile view (not the app), using an iPhone4s with iOS 9.3.5, image captions more than one line long overflow and overlap the following content. The same type of error was seen in all articles I visited on enwp, dewp and svwp.

IMG_0982.PNG (920×640 px, 158 KB)
The screenshot is from https://sv.m.wikipedia.org/wiki/Xiaoxiang
This overflow was not seen using a cellular device with iOS 12.0.1 or Android versions 4.1.2 or 8.0.0.

Developer notes

Can be replicated on browser stack using iPhone+6S 9.0 (Safari)
This is caused by flex: 1 0 100%; rule.

Related/Possible duplicate bug: T207618

Event Timeline

Jdlrobson renamed this task from Overflowing image captions on iOS9 to Overflowing image captions on iOS9 due to use of flex box.Nov 6 2018, 10:11 PM
Jdlrobson added a project: Web-Team-Backlog.
Jdlrobson updated the task description. (Show Details)
Jdlrobson updated the task description. (Show Details)
Jdlrobson moved this task from Incoming to Triaged but Future on the Web-Team-Backlog board.