bug: transitions are slower on iOS 14 beta #21613

NiklasMerz · 2020-06-23T09:27:15Z

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

The text was updated successfully, but these errors were encountered:

rossholdway · 2020-06-23T11:04:11Z

Yes, also seeing this on iPadOS 14 (Beta 1)

liamdebeasi · 2020-06-23T13:31:22Z

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.

NiklasMerz · 2020-06-24T06:37:57Z

Thank you very much @liamdebeasi. You are really quick!

NiklasMerz · 2020-07-08T08:27:07Z

Looks like the beta 2 did improve it in some way but not completely. Some transitions like the side menu are fast again. Page transitions are still a little slow. Does anybody have an idea?

sebaferreras · 2020-07-08T08:37:08Z

@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.

BerkeAras · 2020-07-14T15:07:12Z

Is there a fix now? At the webkit bugs page there is a patch, but how to use it?

liamdebeasi · 2020-07-14T15:08:59Z

The patch should land in a future iOS 14 beta.

BerkeAras · 2020-07-14T15:18:03Z

I've created an issue because of an menu problem. Can this issue caused because of the webkit issue? #21750

BerkeAras · 2020-07-26T12:16:03Z

:( No fix in iOS 14 Beta 3

ParryQiu · 2020-07-27T05:24:22Z

iOS 14 Beta 3, the same issue.

sebaferreras · 2020-07-27T13:41:15Z

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).

BerkeAras · 2020-07-27T13:50:20Z

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

roopeshchinnakampalli · 2020-07-29T20:53:35Z

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!

BerkeAras · 2020-07-29T21:10:48Z

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!

Thats true, it should be reopened @liamdebeasi

liamdebeasi · 2020-07-30T13:38:18Z

As I stated before, this is not a bug in Ionic Framework. The bug is in WebKit and has been fixed. The fix has not been released yet, but should be released in an upcoming beta of iOS 14.

We typically do not keep GitHub issues open if the issue is not in the framework. Thanks!

BerkeAras · 2020-08-05T07:47:12Z

iOS 14 Beta 4: No fix for this problem 😞

oracleitself562 · 2020-08-15T05:12:15Z

hi

beta 4 still we have same issue, any idea when it will be fixed ?

BerkeAras · 2020-08-15T07:10:54Z

@oracleitself562 At the moment, we have to wait for an update from apple.

oracleitself562 · 2020-08-18T17:51:42Z

resolved in beta 5, i installed and tested, thanks to all ..

roopeshchinnakampalli · 2020-08-18T18:12:11Z

resolved in beta 5, i installed and tested, thanks to all ..

That's good news!

BerkeAras · 2020-08-18T18:40:58Z

resolved in beta 5, i installed and tested, thanks to all ..

Finally

BerkeAras · 2020-08-18T20:09:13Z

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)

liamdebeasi · 2020-08-18T20:10:33Z

😭 I can reproduce this. I am working on reporting this to WebKit. Thanks!

BerkeAras · 2020-08-18T20:12:39Z

😭 I can reproduce this. I am working on reporting this to WebKit. Thanks!

Thank you @liamdebeasi :)

oracleitself562 · 2020-08-19T05:39:11Z

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)

i can reproduce, we need to report it ASAP.

NiklasMerz · 2020-08-19T06:35:50Z

i can reproduce, we need to report it ASAP.

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.

oracleitself562 · 2020-08-19T07:06:00Z

i can reproduce, we need to report it ASAP.

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.

agree with you, my apps are out of service now :(

EinfachHans · 2020-08-19T12:48:49Z

Does anyone has the Link to the Webkit Bug?

BerkeAras · 2020-08-19T12:53:54Z

@HansKrywaa

https://bugs.webkit.org/show_bug.cgi?id=215622

BerkeAras · 2020-08-19T12:56:09Z

Issue has been fixed (406830). I think it will be fixed in the next iOS 14 Beta 6 Update.

oracleitself562 · 2020-08-19T13:13:01Z

1st issues has been announced after 1st beta and resolved @ beta 5 :), don't be so much optimistic

roopeshchinnakampalli · 2020-08-20T01:24:40Z

All my Ionic Apps are down in iOS14 Beta 5. Hope the fix should come out soon!

I've something interesting, Ionic v5.x & Angular v8.x is working fine in iOS 14 beta 5. But with Angular v9.x, we see the issue! I didn't understand why this was not happening in the other app!

judsonmusic · 2020-08-20T06:47:57Z

I am noticing issues as well on beta 14.anything I hope they will resolve whatever is going on soon.

BerkeAras · 2020-08-20T06:50:11Z

All my Ionic Apps are down in iOS14 Beta 5. Hope the fix should come out soon!

I've something interesting, Ionic v5.x & Angular v8.x is working fine in iOS 14 beta 5. But with Angular v9.x, we see the issue! I didn't understand why this was not happening in the other app!

The issue happens (should happen) on all ionic types (core, react, angular, vue) because it is not an issue of ionic. It is a webkit bug.

BerkeAras · 2020-08-20T06:50:19Z

I am noticing issues as well on beta 14.anything I hope they will resolve whatever is going on soon.

Beta 14?

judsonmusic · 2020-08-20T06:51:31Z

I am noticing issues as well on beta 14.anything I hope they will resolve whatever is going on soon.

Beta 14?

14.5 to be exact.

judsonmusic · 2020-08-20T06:53:03Z

I am noticing issues as well on beta 14.anything I hope they will resolve whatever is going on soon.

Beta 14?

14.5 to be exact.

2020-08-20 02:52:26.920986-0400 myApp[98942:8338651] [ProcessSuspension] 0x13c4fe1c0 - ProcessAssertion: Failed to acquire RBS Background assertion 'ConnectionTerminationWatchdog' for process because PID is invalid 2020-08-20 02:52:26.921163-0400 myApp[98942:8338651] [Process] 0x7fe6bc00d620 - [pageProxyID=6, webPageID=7, PID=98947] WebPageProxy::processDidTerminate: (pid 98947), reason 3 2020-08-20 02:52:26.944394-0400 myApp[98942:8338651] [assertion] Error acquiring assertion: <Error Domain=RBSAssertionErrorDomain Code=3 "Target is not running or required target entitlement is missing" UserInfo={RBSAssertionAttribute=<RBSDomainAttribute| domain:"com.apple.webkit" name:"Background" sourceEnvironment:"(null)">, NSLocalizedFailureReason=Target is not running or required target entitlement is missing}> 2020-08-20 02:52:26.944586-0400 myApp[98942:8338651] [ProcessSuspension] 0x13c4fe200 - ProcessAssertion: Failed to acquire RBS Background assertion 'WebProcess Background Assertion' for process with PID 98947, error: Error Domain=RBSAssertionErrorDomain Code=3 "Target is not running or required target entitlement is missing" UserInfo={RBSAssertionAttribute=<RBSDomainAttribute| domain:"com.apple.webkit" name:"Background" sourceEnvironment:"(null)">, NSLocalizedFailureReason=Target is not running or required target entitlement is missing} 2020-08-20 02:52:26.950699-0400 myApp[98942:8338651] [Loading] 0x7fe6bc00d620 - [pageProxyID=6, webPageID=7, PID=98947] WebPageProxy::dispatchProcessDidTerminate: reason = 3 2020-08-20 02:52:26.952595-0400 myApp[98942:8338651] libMobileGestalt MobileGestaltCache.c:38: No persisted cache on this platform.

roopeshchinnakampalli · 2020-08-20T11:07:31Z

The issue happens (should happen) on all ionic types (core, react, angular, vue) because it is not an issue of ionic. It is a webkit bug.

I know it's a web kit bug! That's the reason, I said, I'm noticing something interesting!

eun-choi · 2020-08-26T06:03:58Z

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)

This issue resolved in iOS14 Beta6 (Build 18A5357e) 👍

aces-tm · 2020-09-08T18:13:01Z

I upgraded my iOS14 to beta 7 and it works fine, but there is the same issue on Macbook Pro Safari Version 14.0 (15610.1.26, 15610). Are there any updates on this or this is a completely separate issue?

BerkeAras · 2020-09-08T19:39:20Z

@aces-tm We have to wait for updates. 😒

danbn-100295 · 2020-09-10T04:49:13Z

same issue

haschu · 2020-09-16T15:47:21Z

The transition-duration problem seems to be fixed, but all animation curves are linear on the latest version. Does anybody know a workaround? 😢

BerkeAras · 2020-09-16T15:49:52Z

@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.

BerkeAras · 2020-09-18T19:17:13Z

Update: iOS 14.2 Beta released:

Still no fix for known WebKit Issues. In my case Capacitor Apps are now slower on iOS 14.2 Beta. There must be a fix (Apple should fix of course)! Hybrid Apps are not usable.

liamdebeasi · 2020-09-18T19:20:23Z

Hi everyone,

Please see #21978 (comment). I am going to lock this thread as there is not much more to discuss. The fix likely will not ship in the first seed of the upcoming iOS 14 beta, but we will update the thread I linked to when we have confirmed the fix.

ionitron-bot bot added the triage label Jun 23, 2020

liamdebeasi closed this as completed Jun 23, 2020

sebaferreras mentioned this issue Jul 8, 2020

bug: animations are slow and linear on iOS 14 #21702

Closed

This was referenced Jul 16, 2020

Bug : ios14 Page Transitions is slow #21767

Closed

bug: Ionic v5 swippable modal stutter (noticeable performance drop) #21760

Closed

bug: IonModal and page transitions on iOS #21773

Closed

EinfachHans mentioned this issue Jul 30, 2020

Page navigations are too slow in ionic v4 ios14 beta #21849

Closed

ronanjia mentioned this issue Aug 5, 2020

bug: in ios device with os 14 beta, content with tag 'ion-card-subtitle' jumps when scrolling #21880

Closed

oddcb mentioned this issue Aug 6, 2020

The page switching animation time slows down in iOS 14 Beta 3 ionic-team/ionic-v3#1115

Closed

oddcb mentioned this issue Aug 20, 2020

bug: safari 14 on macOS, clicking ion-item causes safari to crash #21939

Closed

BerkeAras mentioned this issue Aug 23, 2020

bug: page navigation issue (screen flashes) on iOS 14 beta 5 #21957

Closed

ionic-team locked and limited conversation to collaborators Sep 18, 2020

bug: transitions are slower on iOS 14 beta #21613

bug: transitions are slower on iOS 14 beta #21613

Comments

NiklasMerz commented Jun 23, 2020

Bug Report

rossholdway commented Jun 23, 2020 • edited Loading

liamdebeasi commented Jun 23, 2020 • edited Loading

NiklasMerz commented Jun 24, 2020 • edited Loading

NiklasMerz commented Jul 8, 2020

sebaferreras commented Jul 8, 2020 • edited Loading

BerkeAras commented Jul 14, 2020

liamdebeasi commented Jul 14, 2020

BerkeAras commented Jul 14, 2020

BerkeAras commented Jul 26, 2020

ParryQiu commented Jul 27, 2020

sebaferreras commented Jul 27, 2020

BerkeAras commented Jul 27, 2020

roopeshchinnakampalli commented Jul 29, 2020

BerkeAras commented Jul 29, 2020

liamdebeasi commented Jul 30, 2020

BerkeAras commented Aug 5, 2020

oracleitself562 commented Aug 15, 2020

BerkeAras commented Aug 15, 2020

oracleitself562 commented Aug 18, 2020

roopeshchinnakampalli commented Aug 18, 2020

BerkeAras commented Aug 18, 2020

BerkeAras commented Aug 18, 2020

liamdebeasi commented Aug 18, 2020

BerkeAras commented Aug 18, 2020

oracleitself562 commented Aug 19, 2020

NiklasMerz commented Aug 19, 2020

oracleitself562 commented Aug 19, 2020

EinfachHans commented Aug 19, 2020

BerkeAras commented Aug 19, 2020

BerkeAras commented Aug 19, 2020

oracleitself562 commented Aug 19, 2020

roopeshchinnakampalli commented Aug 20, 2020 • edited Loading

judsonmusic commented Aug 20, 2020

BerkeAras commented Aug 20, 2020

BerkeAras commented Aug 20, 2020

judsonmusic commented Aug 20, 2020

judsonmusic commented Aug 20, 2020 • edited Loading

roopeshchinnakampalli commented Aug 20, 2020 • edited Loading

eun-choi commented Aug 26, 2020 • edited Loading

aces-tm commented Sep 8, 2020

BerkeAras commented Sep 8, 2020

danbn-100295 commented Sep 10, 2020

haschu commented Sep 16, 2020

BerkeAras commented Sep 16, 2020

BerkeAras commented Sep 18, 2020

liamdebeasi commented Sep 18, 2020

rossholdway commented Jun 23, 2020 •

edited

Loading

liamdebeasi commented Jun 23, 2020 •

edited

Loading

NiklasMerz commented Jun 24, 2020 •

edited

Loading

sebaferreras commented Jul 8, 2020 •

edited

Loading

roopeshchinnakampalli commented Aug 20, 2020 •

edited

Loading

judsonmusic commented Aug 20, 2020 •

edited

Loading

roopeshchinnakampalli commented Aug 20, 2020 •

edited

Loading

eun-choi commented Aug 26, 2020 •

edited

Loading