bug: in ios device with os 14 beta, content with tag ‘ion-card-subtitle’ jumps when scrolling

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:

NOTE: iPhone XS with IOS 14 beta.3/4 has this issue, but iPhone 7 plus works fine.

content jump with card-subtitle
RPReplay_Final1596594885

scroll smooth without card-subtitle
RPReplay_Final1596594796

Expected behavior:

content scrolls smooth

Steps to reproduce:

With ion-card-subtitle in ion-content, content jumps when scrolling

Related code:

<ion-content fullscreen class="ion-padding" [scrollY]="!showBackdrop">
  <ion-card>
    <ion-card-header>

      <!-- content jumps when scrolling with card subtitle  -->
      <ion-card-subtitle>sub</ion-card-subtitle>

      <ion-card-title>title</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      123
    </ion-card-content>
  </ion-card>
</ion-content>

Other information:

Not sure if related to #21613

Ionic info:

Ionic:

   Ionic CLI                     : 6.11.0
   Ionic Framework               : @ionic/angular 5.3.0
   @angular-devkit/build-angular : 0.901.11
   @angular-devkit/schematics    : 9.1.11
   @angular/cli                  : 9.1.11
   @ionic/angular-toolkit        : 2.2.0

Capacitor:

   Capacitor CLI   : 2.2.1
   @capacitor/core : 2.2.1

Utility:

   cordova-res : 0.15.1
   native-run  : 1.0.0

System:

   NodeJS : v10.16.0
   npm    : 6.11.1
   OS     : macOS Catalina

1 possible answer(s) on “bug: in ios device with os 14 beta, content with tag ‘ion-card-subtitle’ jumps when scrolling