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.

Ionic V4 - Flashing back-button on iOS with short lists

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x

Current behavior:

The toolbar icon is flashing once after navigating with back-button. video: https://youtu.be/I25h7LRzmcg

Expected behavior: No flashing 😃

Steps to reproduce:

Open the App on iOS or with devApp (on iOS; there is no problem in the browser!)
Click to the list menu
Click to “Long page”, then click “back”. It’s OK
Click to “Short page”, this page contains only 2 ion-items, so the height less then 100% (I think this is the problem). Click “back”. The menu will flash once every time when you go back.

Sample code on github: https://github.com/petrot/ionic-v4-flashing-menu-bug

Related code:

Ionic info:


Ionic:

   ionic (Ionic CLI)             : 4.7.1 (/Users/tomi/.nvm/versions/node/v10.14.1/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

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 4 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/tomi/Library/Android/sdk)
   ios-deploy        : 1.9.4
   NodeJS            : v10.14.1 (/Users/tomi/.nvm/versions/node/v10.14.1/bin/node)
   npm               : 6.4.1
   OS                : macOS Mojave
   Xcode             : Xcode 10.1 Build version 10B61