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-header flickering

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x (rc.0)

Current behavior:

Ion-header is very unstable in rc.0, which wasn’t present in prior releases. Using the router, going back and forth makes the header stutter, removes ion-title sometimes. Is present on DevApp and iOS Simulator.

Expected behavior:

To be more stable and not stutter or loose ion-title. Works fine on browser.

Steps to reproduce:

Going into Settings -> Terms. And pressing back button. Go back and forth.

Related code:

https://github.com/lucaslevin/trainer

Other information:

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.6.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-rc.0
   @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 5.2.9, cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 7 other plugins)

System:

   ios-deploy : 1.9.2
   NodeJS     : v10.12.0 (/usr/local/bin/node)
   npm        : 6.5.0
   OS         : macOS Mojave
   Xcode      : Xcode 10.1 Build version 10B6

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:11
  • Comments:22 (6 by maintainers)

github_iconTop GitHub Comments

13reactions
mhartingtoncommented, Jan 24, 2019

Hey folks! Yes this issue is on deck, and will be addressed in a future release.

9reactions
liamdebeasicommented, Feb 22, 2019

Hi everyone,

I just wanted to let you all know there has been a fix created for this, and it is currently in review (#17422). I am trying to get this out the door soon.

Thanks for using Ionic!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Ion-header flickering · Issue #16988 - GitHub
Current behavior: Ion-header is very unstable in rc.0, which wasn't present in prior releases. Using the router, going back and forth makes the ......
Read more >
[iOS] [Ionic 5] [Angular 9] Page is flickering
Page is flickering if the ion-content is set with background image ... Standard pages (with extended ion-header components) and full screen.
Read more >
ionic avoid view title flickering on Android - Stack Overflow
However, I found that when switching between tabs in Android, the view-title will flickering. You will not see the flickering on iOS or...
Read more >
Hide header when scrolling down - Ionic Forum - RSSing.com
Does anyone know how to help? And is there any official directive for hiding the header / footer when scrolling content? Posts: 1....
Read more >
Background image flickering with user interaction on iOS ...
I'm trying to get a background image to work on a multi-paged Ionic app that I'm updating from Ionic 3 to 5. I...
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