Page MenuHomePhabricator

[EPIC] Mobile site should support swipe user interactions
Open, LowPublic


Like on the app, a swipe from the left edge should show the menu on the mobile site, hiding the menu with a center swipe to the left.

While viewing images, swiping left and right should navigate between images.

There may be other interactions we want to add swipe functionality.

Note, we previously had swipe functionality inside the MediaViewer. We'll want to learn from our mistakes:
T153971, T107943

Developer notes

  • We'll want to identify all the places we want to add this.
  • Swipe libraries tend to be large with varying levels of sensitivity, so we need to evaluate various swiping libraries.

Notes from T206354

  • Decide what to do about the swipe actions (remove or create a new task):
Swipe actions
NOTE: Do not add - see T208155 for more information

The menu should be dismissible either by clicking outside of it, or by swiping it to the left. This pattern comes from Google Material Design.

On Android apps it is also common for a swipe rightwards from the left-edge of the screen to open such a drawer. Though on iOS web browsers (Chrome, Safari, Firefox) swiping rightwards from the left-edge of the screen takes you to the previous page (i.e. it's a back button). Open question whether we can support swipe to open only on Android.

Related to T226125.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 16 2017, 3:02 PM
Jdlrobson added subscribers: Nirzar, Jdlrobson.

What do you think @Nirzar?
We could add swipes actions for the media viewer in the process?

Jdlrobson renamed this task from Add left edge swipe support to show the menu on mobile site to [EPIC] Mobile site should support swipe user interactions.Jun 15 2018, 7:24 PM
Jdlrobson updated the task description. (Show Details)
Jdlrobson updated the task description. (Show Details)
Jdlrobson added a subscriber: Niedzielski.
ovasileva updated the task description. (Show Details)Jul 16 2019, 4:33 PM
Jdlrobson moved this task from Backlog to Team: web on the MobileFrontend board.Fri, Jul 24, 2:43 AM