Page MenuHomePhabricator

Content jumps on mobile after banner is loaded
Open, Needs TriagePublic

Description

Steps to reproduce:

  1. Find and visit a wiki with banner on the top of every page (currently e.g. cswiki - 2 banners) on mobile phone in web browser
  2. Wait until hamburger menu is loaded and tap it
  3. You are redirected to banner target, because after the moment you noticed hamburger menu and before the moment you tap it, the content jumps down and banner is loaded there instead

Incorrect behavior:
Banner(s) make the whole page jump down after they are loaded (and therefore they are displayed). This effect is even worse on slower internet connections. User then taps the hamburger menu, but it makes nothing or something unwanted, because during or right before the tap the banner loads.

Expected behavior:
For this content of page heading there should be reserved a place (space) after start of loading at the beginning of the page in order not to make this jump. The content then could be displayed after it is loaded. Maybe the banner should be under the top bar, not above, or in some dialog/modal?

Similar to T138177 for desktop web interface