Watchstar causes mobile view to jump down after load (FOUC)
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Jdlrobson
	Feb 26 2016, 11:37 PM

Description

When loading a MobileFrontend page on my phone, the content is visible for a few seconds, and then the page loads and the following things happen:

The watch star appears below the edit (pencil) icon.
The search box changes from being empty to containing a "Search Wikipedia" placeholder.

Video of loading an MF page in portrait mode:

mf-portrait.mp4131 KBDownload

(Google Chrome simulating a Nexus 5 with network throttling set to regular 3G)

mf-landscape.mp4133 KBDownload

Note how the appearance of the watch star causes the first paragraph to reflow, pushing down the rest of the content a bit.

	Subject	Repo	Branch	Lines +/-
	Avoid watchstar rendering from pushing down rest of content	mediawiki/extensions/MobileFrontend	master	+6 -3

Status	Assigned	Task
Declined	None	T125920 [EPIC] Future exciting reading web performance endeavours
Resolved	ovasileva	T126825 Sections on mobile views jumps around after load (FOUC)
Resolved	Jdlrobson	T128241 Watchstar causes mobile view to jump down after load (FOUC)

Change 273540 had a related patch set uploaded (by Jdlrobson):
Avoid watchstar rendering from pushing down rest of content

Change 273540 merged by jenkins-bot:
Avoid watchstar rendering from pushing down rest of content

Jdlrobson closed this task as Resolved.Feb 29 2016, 5:02 PM