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.

bug: Back button disappears when navigating across tab subpages

See original GitHub issue

Bug Report

Ionic version: [x] 4.x

Current behavior: If you try to navigate to a page/route that belongs to another tab and you have no default href for the ion-back-button, the back button does not appear. However, browser’s back button works fine.

Expected behavior: Back button should appear and navigate you to the page you were before.

Steps to reproduce: I used the ionic conference app with some changes to reproduce this.

  • Go to Speakers tab
  • Click The Ionic Package under the Burt Bear
  • It should show the back button
  • Go to Schedule tab
  • Click any list item
  • It gets you to the same page but without the back button

Related code:

My ionic conference app repo: https://github.com/anagstef/ionic-conference-app

The changes I made to it: https://github.com/anagstef/ionic-conference-app/commit/d88276c6cf746d378727c634e210a28ce461d7a1

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.2.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.4.0
   @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 (Cordova CLI) : 8.0.0
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (0 plugins total)

System:

   ios-sim : 8.0.1
   NodeJS  : v10.15.3 (/Users/anagstef/.nvm/versions/node/v10.15.3/bin/node)
   npm     : 6.4.1
   OS      : macOS
   Xcode   : Xcode 10.2.1 Build version 10E1001

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:6
  • Comments:19 (8 by maintainers)

github_iconTop GitHub Comments

5reactions
liamdebeasicommented, May 29, 2019

Hey everyone,

Apologies for the delay. I was able to reproduce this issue, and we will investigate further.

Thanks!

4reactions
liamdebeasicommented, Dec 2, 2019

Hi everyone,

Just wanted to chime in here briefly. Most Ionic developers are using Ionic Angular, so Angular is still a huge priority for us. The focus recently has been on React mainly because it just entered 1.0, so we’ve been supporting it with higher priority fixes. Additionally, Stencil is handled by a separate team and does not impact development of Ionic Framework.

I will take a closer look at the code posted in https://github.com/ionic-team/ionic/issues/18311#issuecomment-499432089 and chat with the team regarding this. I will post an update regarding a more permanent solution when I have it. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

bug: Back button disappears when navigating across tab ...
Say I am in tab 3 (/main/tabs/tab3) and I click on a link that goes to a child of tab 1 (/main/tabs/tab1/subpage), tab...
Read more >
FIX: Back Button Not Working in Web Browser?
One way to overcome the issue is to long-click the Back button. That prompts browsers such as Chrome to display the history stack...
Read more >
Why does my Internet back button sometimes not work?
Examine the back button or the number of tabs at the top of your browser window. If the back button is gray or...
Read more >
Should the tab bar be accessible on sub pages in a mobile app?
One thing I noticed is that the tab bar is not visible / accessible when the user navigates deeper. Instead, you have to...
Read more >
Ionic 5 angular navigation: ion-back-button not visible
When I go from /tabs/tab1 to /tab/tab2/subpage it is not visible. Is it normal? I would like to see a back button to...
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