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 mising in collapsible header

See original GitHub issue

Bug Report

Ionic version: [x] 4.x

Current behavior: Using ion-back-button in a collapsible header structure, does not show the button. Using any other ion-button does show though.

Expected behavior: Button should be shown at top left.

Steps to reproduce: Follow documentation at https://ionicframework.com/docs/api/title and add a back button

<ion-header>
  <ion-toolbar>
    <ion-back-button></ion-back-button>
    <ion-title>Title</ion-title>               
  </ion-toolbar>
</ion-header>

<ion-content fullscreen="true" class="ion-padding">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">Title</ion-title>
    </ion-toolbar>
  </ion-header>
  <p>lot of text for scrolling</p>
</ion-content>

Other information:

Ionic info:

Ionic:

   ionic (Ionic CLI) : 4.12.0

System:

   NodeJS : v10.16.3
   npm    : 6.9.0
   OS     : Windows 10

Issue Analytics

State:
Created 4 years ago
Comments:8

Top GitHub Comments

1reaction

Sroosecommented, Dec 27, 2019

The navigation we did was indeed a tab navigation, which is the reason there was no back button! Closing this issue. Thanks for the help @amilamen.

1reaction

Sroosecommented, Dec 27, 2019

@amilamen I had the issue even when navigating. However, I’m reproducing in the stackblitz and indeed it shows up after navigation. Let me try to reproduce it in my app and I’ll get back on this.