question-mark
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.

ion-back-button goes to wrong route for tabs

See original GitHub issue

Bug Report

Ionic version:

[x] 4.0.0

Current behavior:

How you can see below it goes to wrong tab. I’ve tried to figure it out with outlet and later with child routes but I failed twice.

screen recording 2019-01-26 at 20 20 07

Expected behavior:

Back button should redirects me to “profile2”.

Steps to reproduce:

Related code:

Nothing special:

  • at least two tabs
  • another page in app route

screenshot 2019-01-26 at 20 22 09

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.9.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.12.3
   @angular-devkit/schematics    : 7.2.3
   @angular/cli                  : 7.2.3
   @ionic/angular-toolkit        : 1.2.2

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : none
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, (and 2 other plugins)

System:

   NodeJS : v10.15.0 (/usr/local/bin/node)
   npm    : 6.4.1
   OS     : macOS Mojave

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:20
  • Comments:11 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
liamdebeasicommented, Apr 10, 2019

Hi there,

This issue has been resolved, and I have published a nightly build of Ionic with the fix. You can install it with npm i @ionic/angular@dev.

Please let me know if you are still running into any issues with this.

Thanks!

1reaction
liamdebeasicommented, Apr 9, 2019

Hi everyone,

I have opened a PR that should resolve this issue: https://github.com/ionic-team/ionic/pull/18005

One of my colleagues will be reviewing it soon, but in the meantime if anyone would like to take a look and provide feedback, that would be great!

We appreciate your patience as we work to resolve this issue 🙂

Read more comments on GitHub >

github_iconTop Results From Across the Web

ion-back-button goes to wrong route for tabs #17278 - GitHub
How you can see below it goes to wrong tab. I've tried to figure it out with outlet and later with child routes...
Read more >
Ionic 4 ion-tabs navigation problem: When back button is ...
I press back button and it goes back to chat tab (should go back to home page instead). However, it works fine on...
Read more >
Changing route trough tabs from sub route cause back button ...
I have an ionic-vue app that uses vue-router. When I navigate to a subroute, from the subroute changing to another tab, then go...
Read more >
Master/Detail Navigation Within a Tabs Layout in Ionic
In this tutorial, we will look at how to implement a typical master detail style navigation pattern inside of a tab.
Read more >
[Solved]-How will <ion-back-button> work with tabs-angular.js
So you have 3 independent stack instances. As you said, defaultHref will cause every back-button go back to a fixed route as root....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found