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
scroll smooth without card-subtitle
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
That is an existing iOS 14 bug. The WebKit team has fixed it, but the patch has not been released yet.