Page MenuHomePhabricator

iOS App - Articles with quotes slightly misaligned when content menu collapsed
Closed, ResolvedPublic

Description

Steps:

  1. Search for and navigate to the "History" article on Wikipedia
  2. Collapse the Contents Menu
  3. View the text around the Santayana quote below the lead image

Expected Result:
The text starts under the quote box. It should look the same as it appears when the Contents Menu is expanded

Actual Result:
The top of the paragraphs wraps around the left side of the quote box.

Note: I have not found articles with this same quote box positioning as the History article. May just be a bug on this particular article.

Frequency = 5/5 times on this article. Unable to find more articles for comparison right now.
https://en.wikipedia.org/wiki/History

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
JMinor moved this task from Needs Triage to Bug Backlog on the Wikipedia-iOS-App-Backlog board.

It also happens in landscape mode on iPhone (tested on iPhone 6):

IMG_3824.PNG (750×1 px, 351 KB)

This comment was removed by julbod.

Hi, I'm not sure about the expected result.
Do we want that the quote box fills all the available width, even on largest screens like landscape iPad? If the quote does not contain a lot of text, the box will be oversized for its content.
If not, we can set a max width for larger screens, for example 50% of the available width.

What do you think?

Tested Wikipedia app 5.4.1 (1124) on iPad Mini 2 (iOS 10.3.1), iPhone 6S (iOS 10.3.1) and iPhone 7 (iOS 10.3.2), according to the screencaps below this is fixed on all of the devices I tested.

T156977 iPad Mini 2 (iOS 10.3.1) Portrait.PNG (2×1 px, 1 MB)

T156977 iPad Mini 2 (iOS 10.3.1) Landscape.PNG (1×2 px, 1 MB)

T156977 iPhone 6s iOS 10.3.1.PNG (750×1 px, 293 KB)

T156977 iPhone 7 iOS 10.3.2.PNG (750×1 px, 166 KB)

Tested on an iPhone 7+ with iOS 10.3 and an iPad Mini 2 Retina on Beta App 5.5.0 (1129)

Fixed