Ionic-framework: [4.0.0-rc.0] iOS swipe to go back

Created on 22 Dec 2018 · 10Comments · Source: ionic-team/ionic-framework

Bug Report

Ionic version:

[x] 4.x

Current behavior:
Since beta.18, we can no longer swipe to go back to the previous page. It opens the menu. It seems it behaves like that when there is a side menu.

Steps to reproduce:

Start a new project with sidemenu starter template.
Add a child route/component to the list
Navigate to it
Try to go back by swiping to the left.

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.6.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-rc.0
   @angular-devkit/build-angular : 0.11.4
   @angular-devkit/schematics    : 7.1.4
   @angular/cli                  : 7.1.4
   @ionic/angular-toolkit        : 1.2.2

System:

   NodeJS : v8.12.0 (/usr/local/bin/node)
   npm    : 6.5.0
   OS     : macOS Mojave

triage feature request

Source

JumBay

👍3

Most helpful comment

The default behavior should be corrected so that to you can swipe to go back until you reach the root level, and only then you can swipe to open side menu.

davl3232 on 22 Dec 2018

👍3

All 10 comments

The default behavior should be corrected so that to you can swipe to go back until you reach the root level, and only then you can swipe to open side menu.

davl3232 on 22 Dec 2018

👍3

Some people might expect a different behavior, that the menu takes precedence. Could be possible to prove your point by comparing with another native app? Idk

manucorporat on 23 Dec 2018

Twitter or amazon app for exemple. If you open a tweet or a product and you swipe, you go back. Swiping again opens the menu.

JumBay on 23 Dec 2018

👍1

Alright! I will check it out and implement a fix, thanks for the research work!

manucorporat on 23 Dec 2018

Thanks

JumBay on 23 Dec 2018

Apps that want to use swipe-to-go-back but retain access to the menu in nested pages usually have both a back arrow and a hamburger on nested pages. I think it's clunky, but it works.

Here's the header on Amazon's root page:

And here's one level in where STGB still works:

WhatsThatItsPat on 23 Dec 2018

And Google Play Store always shows the menu on swipe (and not navigate back) ;)

paulstelzer on 25 Dec 2018

Yes it depends which device you're using, I forgot to mention, this is about iOS not android

JumBay on 25 Dec 2018

It seems when swiping left using Safari cause double-back on tab view + push route

I'm using 4.0.0-rc.0

kamilersz on 2 Jan 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.