Article toolbar shrinks on iPhone
Closed, ResolvedPublicBUG REPORT
Actions

Assigned To

None

Authored By

	Iniquity
	Jul 14 2022, 10:03 PM

Description

Steps to replicate the issue (include links if applicable):

Open any page by iPhone 12 mini
Look at Article toolbar

What happens?:
The right side of the toolbar is close to the left side.

What should have happened instead?:
There must be a certain interval between them, or they must be in different sides.

Other information (browser name/version, screenshots, etc.):
iPhone 12 mini, latest Google Chrome, iOS 15.2

Developer notes

Can be replicated on browser stack

Screen Shot 2022-07-18 at 4.04.49 PM.png (1×666 px, 620 KB)

Related Objects

Mentioned Here: T309223: #right-navigation Tab Moves to The Left, Next to #left-navigation, on browsers that do not have full Flexbox support in Vector-2022

Event Timeline

Iniquity created this task.Jul 14 2022, 10:03 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 14 2022, 10:03 PM

Thanks for the report. We're working on a fix that should take care of this too! I'll keep this open so we QA it separately.

Jdlrobson moved this task from Incoming to Layout on the Desktop Improvements (Vector 2022) board.Jul 15 2022, 12:36 AM

Jdlrobson added a project: Web-Team-Backlog.

Thanks!:)

Jdlrobson updated the task description. (Show Details)Jul 18 2022, 11:05 PM

I can confirm T309223 will fix this. I had to revert the change to T309223 however due to the issue with the tagline showing up in after photo.

Before:

Screen Shot 2022-07-18 at 4.06.10 PM.png (1×678 px, 481 KB)

Now:

Jdlrobson moved this task from Incoming to Not ready to estimate on the Web-Team-Backlog board.Jul 19 2022, 5:57 PM

Should be fixed now by https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/815323 so moving to QA.

Jdlrobson assigned this task to Edtadros.Jul 19 2022, 6:06 PM

Jdlrobson moved this task from Needs Analysis to QA on the Web-Team-Backlog (Kanbanana-2022-23-Q1) board.

Test Result - Beta

Status: ✅ PASS
Environment: beta
OS: iOS 14.2
Browser: Chrome
Device: iPhone 12 Mini
Emulated Device:NA

Test Artifact(s):

QA Steps

Open any page by iPhone 12 mini
Look at Article toolbar
✅ AC1: The Read, Edit, View History menu items should be on the right side of the toolbar.

Screen Shot 2022-07-27 at 6.54.39 PM.png (1×619 px, 449 KB)

Thanks! Fixed.

Iniquity closed this task as Resolved.Jul 31 2022, 6:33 PM

ovasileva removed Edtadros as the assignee of this task.Dec 5 2022, 10:24 PM

ovasileva moved this task from QA in Prod to Ready for Signoff on the Web-Team-Backlog (Kanbanana-2022-23-Q1) board.

ovasileva added a subscriber: Edtadros.

	F35349707: Screen Shot 2022-07-27 at 6.54.39 PM.png
	Jul 28 2022, 1:59 AM

	F35320877: Screen Shot 2022-07-18 at 4.06.10 PM.png
	Jul 18 2022, 11:29 PM

	F35320874: Screen Shot 2022-07-18 at 4.04.49 PM.png
	Jul 18 2022, 11:05 PM

Article toolbar shrinks on iPhoneClosed, ResolvedPublicBUG REPORTActions