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 footer overwrites previous footer for a second

See original GitHub issue

Ionic version:

[x] 4.7.1 [ ] 5.x

I’m submitting a …

[x] bug report [ ] feature request

Current behavior: Ion footer of a page stays on view when back button pressed, vanishing only after a few seconds.

Expected behavior: Footer should transition back along with the other page’s elements.

Steps to reproduce:

Related code:

insert short code snippets here




<ion-footer class="login-footer">
    <ion-row>
        <ion-col class="footer-links">
            <ion-text [routerLink]="['/register']" class="ion-float-start register clickable">Cadastre-se</ion-text>
            <ion-text [routerLink]="['/recovery-password']" class="ion-float-end forgot-pass clickable">Esqueceu a
                senha?
            </ion-text>
        </ion-col>
    </ion-row>
</ion-footer>

CSS:

ion-footer {
  background: linear-gradient(88.45deg, #FF9009 -18.14%, #FFC700 165.33%);

  &.footer-md::before {
    background-image: none;
  }
}

.login-footer {
  height: 5vh;
}

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.4.16
   Ionic Framework               : @ionic/angular 4.11.10
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.2.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0, browser 6.0.0
   Cordova Plugins   : not available

Utility:

   cordova-res                          : not installed
   native-run (update available: 1.0.0) : 0.3.0

System:

   NodeJS : v10.16.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.9.0
   OS     : Windows 10