I am applying Angular route transition to a mobile app like described here 
<http://cases.azoft.com/iphonestyle-web-page-transitions-angularjs-css/>. 
This works like a charme in principle, however on navigating back to the 
home screen, that screen (just containing two static images with links) is 
shown on top of the current screen for 1 frame before the animation 
(sliding over to home screen) actually starts, causing an annoying flicker. 
This just happens on an iPhone (here an iPhone 5s, iOS 9.1), but works 
flawlessly on desktop. I tried everything I found so far (like additionally 
setting *visibility* or *display* in enter/leave). Most Plunkrs that 
pretend to show a solution actually also don't work (at least these days 
with a current Angular and iOS version -- sometimes works not even any more 
on desktop). 

Furthermore, the animation on the phone is really flaky...it rarely shows a 
complete clean sliding animation, but mostly jumps or fails to slide-in the 
next view, but rather an empty view that is populated after the animation 
(again: very smooth on desktop). I saw Webapps showing smooth sliding 
animations with iOS (e.g. with OpenUI5 framework), and an iPhone 5s should 
be well capable to handle such transitions, so I might do something 
fundamentally wrong, but I found -- except the above one --  almost no 
complete samples for Webapp slide transitions that actually work.

I am using Angular 1.4.7. It would be great f anyone could point me to 
resources that might point me to the right direction.

Regards, habitoti

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to