ionic-framework: bug: Collapsible Large Titles Flicker

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

With version 7, the collapsed title flashes upon navigation

Does not happen with version 6

https://user-images.githubusercontent.com/15254340/228694868-c1a59b02-84a3-41eb-93ea-cae83d9294f7.mov

Please see video ^

Expected Behavior

Would not flash, as in version 6

Steps to Reproduce

upgrade to version 7

see flash on collapsed title

Code Reproduction URL

No response

Ionic Info

Ionic:

   Ionic CLI : 6.20.8

Utility:

   cordova-res : not installed globally
   native-run  : 1.7.2

System:

   NodeJS : v18.15.0
   npm    : 9.5.0
   OS     : macOS

Additional Information

No response

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Comments: 16 (7 by maintainers)

Commits related to this issue

Most upvoted comments

Hi everyone,

Here is a dev build with a proposed fix if anyone is interested in testing: 7.4.3-dev.11696365694.156f41d3

Install Example:

npm install @ionic/react@7.4.3-dev.11696365694.156f41d3 @ionic/react-router@7.4.3-dev.11696365694.156f41d3

Thank you! I was able to replicate the issue by building the project to iOS.

I recommend reproducing this in an Ionic starter application and providing a link to the repo. This way you can have a minimal reproduction without providing any secret/private code.