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 not showing in rc0 - rc2

See original GitHub issue

Bug Report

Ionic version: [x] 4.8.0

Current behavior: Since rc0 my ion-back-buttons stopped showing up. I’ve created a new project and added a back button, but there it doesn’t show up either.

Expected behavior: For the ion-back-button to show up (and work) when used.

Steps to reproduce:

Running the following project: repo And navigating to the testpage, the back button won’t show up even though it should.

Related code:

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button class="back-button"></ion-back-button>
    </ion-buttons>
    <ion-title>test</ion-title>
  </ion-toolbar>
</ion-header>

Other information: I haven’t seen anyone else with this issue. I’ve already asked on the ionic slack but no one had the same issue.

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.8.0 (/usr/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-rc.1
   @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.15.0 (/usr/bin/node)
   npm    : 6.4.1
   OS     : Linux 4.15

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
paulstelzercommented, Jan 21, 2019

Thanks for the issue! Please keep in mind to add a defaultHref, if you want a back button everytime a user visits this page. Otherwise a back button will only be shown if you pushed (navigate forward) a new page

1reaction
nathantaalcommented, Jan 21, 2019
<ion-header>
  <ion-toolbar>
    <ion-title>Hide specific cards from deck</ion-title>
    <ion-buttons slot="start">
      <ion-back-button  defaultHref="/tabs/(settings:settings)"></ion-back-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

this is working for me on rc0, rc1 and rc2

Read more comments on GitHub >

github_iconTop Results From Across the Web

Ion back button not showing in rc0 - rc2 · Issue #17187 - GitHub
I've created a new project and added a back button, but there it doesn't show up either. Expected behavior: For the ion-back-button to...
Read more >
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.
Read more >
Why is the ion-back-button not shown? - Stack Overflow
In the DOM inspector the CSS display attribute of the ion-back-button is set to none . Why would it set itself to none...
Read more >
ion-nav-back-button - Directive in module ionic
Creates a back button inside an ionNavBar . The back button will appear when the user is able to go back in the...
Read more >
PIC16F1768 and Interrupt on change !
i decided to use 4 interrupt on change for my 4 buttons on RC0,RC1,RC2,RC6. when a buttonpress is detected it will change either...
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