search

web-animations / web-animations-js

JavaScript implementation of the Web Animations API
http://web-animations.github.io
Apache License 2.0
3.77k stars 408 forks source link

IOS 12.2 beta2 web-view animation not working in background #203

Open karthibv opened 5 years ago

karthibv commented 5 years ago

Currently my application has some angular animation used in UIWebview in background which is not working properly. Issue happening in IOS 12.2 beta Webview . Following stuff i'm doing in current app,

Creating a cordovaviewcontroller instance in background and supplying start page link. And just have this instance in property and not rendering this view controller in screen.

Few angular resource are loaded in background itself in the cordova instance which i created in step 1, to improve the webview loading performance.

Durning some button action, I'm opening Viewcontroller with cordovaviewcontroller view as subview and rending specific angular screen with animation.

Everything working fine <12.2 beta.

In 12.2 beta, some of the angular animation are not working properly.

We tried to remove the angular animation and tried. After that, angular screen rendering properly without animation.

One more step also I tried, instead of initializing cordova in background, created cordova instance in foreground and rendered viewcontroller, now also everything working fine.

Is loading web stuff in background, causing issue? I really need that background loading part for the performance.

Any help is appreciated.

STEPS TO REPRODUCE

  1. Create a Cordova application
  2. On Launch - foreground have simple native page with link to open webview
  3. On Launch - background to load the sample angular page with transform: 'translate3d animation. have some links in angular page and do the translate3d animation to load the other pages
  4. < io12.2 beta - its working fine. issue is happening in ios 12.2 beta. After sample app launch and then click of webview link .. links takes to webview page but nothing working there.,

Version information Cordova-IOS - v4.3 IOS 12.2 beta2

benneq commented 5 years ago

Does the live demo work for you? https://jsbin.com/yageyezabo/edit?html,js,output I'm running iOS 12.3.1 and even this simple demo shows nothing :(

I had to go to Safari Experimental Features and enable "Web Animations" and "CSS Animations via Web Animations". I'm not sure if I disabled those features or if it's default off. Now the live demo works. But my Angular app animation still doesn't.