Page MenuHomePhabricator

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

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:


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


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

Event Timeline

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

https://gerrit.wikimedia.org/r/273540

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

https://gerrit.wikimedia.org/r/273540

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