Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: tapping ion-back-button multiple times goes back multiple pages

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x

Current behavior:

If you tap twice at a back button (while there is no back button on the previous page), you go 2 pages back instead of one. Expected behavior:

Go one page back Steps to reproduce:

Create a app with 3 screens, navigate to the thirth screen, add a back button there (<ion-back-button />), double tap it Related code:

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.0.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.5.0-dev.201905231504.7ab9479
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   Cordova CLI       : 9.0.0
   Cordova Platforms : android 8.0.0, browser 6.0.0, ios 5.0.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 7 other plugins)

Utility:

   cordova-res : 0.3.0
   native-run  : 0.2.2

System:

   Android SDK Tools : 26.1.1 (/usr/local/share/android-sdk)
   ios-deploy        : 1.9.4
   ios-sim           : 8.0.1
   NodeJS            : v11.9.0 (/usr/local/bin/node)
   npm               : 6.9.0
   OS                : macOS Mojave
   Xcode             : Xcode 10.2.1 Build version 10E1001

Issue Analytics

State:
Created 4 years ago
Reactions:6
Comments:28 (4 by maintainers)

Top GitHub Comments

3reactions

leszekkadlofcommented, Jun 5, 2019

This double-tap on any button is an issue - causes multiple click events to run which causes issues.

Perhaps an optional directive on the button (or a global sass variable) can be considered to allowing user to disable multiple event calls when button is double-tapped or rapid tapped?

It’s too tedious to implement stop guards on every button across an entire application when most buttons are single click actions.

2reactions

cmeusercommented, Aug 31, 2020

This problem still exists using Ionic/Angular.

Top Results From Across the Web

Ion-back-button not showing and not working - Ionic Forum

Hello, All, I am facing an unknown issue in ionic5/capacitor/angular project. it's just that component doesn't show if defaultHref is empty.

When clicking on back button on Internet explorer webpage ...

Sometimes it will go back one page ,sometimes goes back to where ever it feels like going back to . Right clicking the...

Ionic 5 handle back hardware event to confirm exit by user

Under the ionBackButton event, we can register more than one handler callback to performs multiple operations in a series defined by a priority ......

Unintentional double tap on the back button with Pixel 6 Pro?

47 votes, 39 comments. I'm not sure what it is about the back button on this phone, but it frequently registers a double...

Ionic: How to Simulate Android back button in Browser

For this experiment, we can create a really simple application that contains two pages. The first page is the home containing a button...