ionic-framework: bug: transitions are slower on iOS 14 beta
Bug Report
Ionic version:
[ ] 4.x [x] 5.x
Current behavior:
Page and side menu transitions are slower in iOS 14 than on iOS 13.
Issue seems similar to an iOS 13 bug and I opened a bug for Webkit: https://bugs.webkit.org/show_bug.cgi?id=213504
Expected behavior:
iOS 14 should have fast transitions too. This bug is to track this on the Ionic side if this is a Webkit bug or not.
Steps to reproduce:
Go to the repro app and open pages: https://ios-repro.web.app/list
Related code:
Repro app: https://github.com/NiklasMerz/repro-stutter
Other information: Probably Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=213504
Only on iOS 14 beta now.
Ionic info:
Ionic:
Ionic CLI : 6.10.1 (/Users/niklasmerz/.nvm/versions/node/v12.14.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.2.2
@angular-devkit/build-angular : 0.901.9
@angular-devkit/schematics : 9.1.9
@angular/cli : 9.1.9
@ionic/angular-toolkit : 2.1.1
Cordova:
Cordova CLI : 10.0.0-dev (cordova-lib@10.0.0-dev)
Cordova Platforms : Warning: using prerelease version 10.0.0-dev (cordova-lib@10.0.0-dev), ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 4 other plugins)
Utility:
cordova-res (update available: 0.15.0) : 0.9.0
native-run (update available: 1.0.0) : 0.3.0
System:
Android SDK Tools : 26.1.1 (/Users/niklasmerz/Library/Android/sdk)
ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v12.14.1 (/Users/niklasmerz/.nvm/versions/node/v12.14.1/bin/node)
npm : 6.14.5
OS : macOS Catalina
Xcode : Xcode 11.5 Build version 11E608c
About this issue
- Original URL
- State: closed
- Created 4 years ago
- Reactions: 5
- Comments: 46 (12 by maintainers)
AAAND an issue again: in iOS 14 Beta 5 ionic apps are reloading on some clicks (ion-item with href, ion-select) in multiple apps (one of the apps is my own, another app is from app store)
Thanks for the issue. This is a bug in WebKit, and I reported the issue to the WebKit team yesterday: https://bugs.webkit.org/show_bug.cgi?id=213495. The issue is that easing curves are ignored, and everything defaults to a linear easing curve.
This issue resolved in iOS14 Beta6 (Build 18A5357e) 👍
iOS 14 Beta 4: No fix for this problem 😞
😭 I can reproduce this. I am working on reporting this to WebKit. Thanks!
😦 No fix in iOS 14 Beta 3
@haschu See here: LiamDebeasi has commented this issue. We have to wait for a iOS 14 Update. The release of iOS 14 Today will not fix the issue. An update like iOS 14.1, 14.0.1, or something else will fix it.
@HansKrywaa
https://bugs.webkit.org/show_bug.cgi?id=215622
It is already reported and the right people at Apple are notified about this bug.
This one is really bad for our application. It crashes on every single click.
Yes, also seeing this on iPadOS 14 (Beta 1)
1st issues has been announced after 1st beta and resolved @ beta 5 😃, don’t be so much optimistic
Issue has been fixed (406830). I think it will be fixed in the next iOS 14 Beta 6 Update.
Does anyone has the Link to the Webkit Bug?
Any reason why this issue is closed? We can keep this thread open till the issue is resolved.
I know this is related to Webkit, but Ionic Apps are affected. May be this is a good place to discuss and post the feedback!
It is not just the page transitions. There are other bugs too. I cannot open swipable modals from the menu anymore. The menu gets blank white. This issue does not appear on iOS 13
Yeah, surprisingly in iOS 14 Beta 3 the animations issue is now affecting page transitions in Ionic 3 apps as well (which didn’t happen in the previous iOS 14 Beta 2).
iOS 14 Beta 3, the same issue.
@NiklasMerz I added a comment on this issue (https://github.com/angular/angular/issues/37440#issuecomment-640229933) with a demo explaining why some animations may work fine while some others are slow.
I’m not entirely sure if this may be the same issue because I was able to reproduce it in Safari 13.1 as well, but wanted to add a link to that issue just in case if it could help.
Thank you very much @liamdebeasi. You are really quick!