Page MenuHomePhabricator

WME Website (mobile): The header isn't visible and to open the Side Menu, the user have to scroll back to the beginning of the page
Closed, ResolvedPublicBUG REPORT

Description

List of steps to reproduce (step by step, including full links if applicable):

What happens?:
The header isn't visible and to open the Side Menu, the user has to scroll back to the beginning of the page

Expected behavior:
The Header should be stick to the top of the page for mobile view
or another option The header should appear immediately after starting scrolling up.

Event Timeline

Anna.bondar renamed this task from WME Website\About Page: to WME Website (mobile): The header isn't visible and to open the Side Menu, the user have to scroll back to the beginning of the page.Oct 11 2021, 5:26 PM
Anna.bondar updated the task description. (Show Details)
Anna.bondar moved this task from Incoming to Sprint 9 Backlog on the Wikimedia Enterprise board.

Conversation on this was that the header would naturally move up when the user scrolls down (no JS behavior there, just like a normal div) but when the user pulled down to go back towards the top the header/nav would ease down quickly to allow them to see the menu.
We said as long as that doesn't cause any CLS or affect any Web Vitals we're cool with that. Otherwise we either lock it to the top so it always displays or let it scroll to the top as a normal nav/header would. Personally I'm for the later; I don't like sticky headers/footers personally.
We could also add a ^ top semi-transparent button that shows up when they scroll far down the page that just links to a #top ID? that's an option too.