React iOS condense title transition scale glitch

Hi,

I’m having trouble figuring out the glitch happened with React iOS condense title transition. When routed from other pages back to the main Large Title Header, the size of the title will scale smoothly from small to large first, but at the last second, the size jumps and shrink just a little - not a huge deal but it does not look nice.

ezgif.com-video-to-gif382×811 2.59 MB

Attached original code:

  <IonHeader translucent>
    <IonToolbar>
      <IonTitle>Explore</IonTitle>
    </IonToolbar>
  </IonHeader>
  <IonContent fullscreen>
    <IonHeader collapse="condense" className="ion-no-border">
      <IonToolbar>
        <IonTitle size="large">Explore</IonTitle>
      </IonToolbar>
    </IonHeader>
    <IonRefresher
      slot="fixed"
      pullFactor={0.5}
      onIonRefresh={refreshPosts}
      style={{ top: "-22px" }}
    >
      <IonRefresherContent refreshingSpinner="dots" />
    </IonRefresher>
  </IonContent>

1 post - 1 participant

Read full topic