Poor animation when opening/closing sidemenu

ionic-v1
1

I am developing mobile web app using ionic sidemenu, but it is not as smooth as it should be. When I open sidemenu using slide left/right, I am getting less than 30 FPS.

I am using chrome in android 4.4 (moto g).

2

Is this once it’s wrapped with phonegap or still in the android browser?

3

I’ve the same issue, sliding works well, however, there a screen flash(like a page refresh). it’s working like this on iPhone 3GS.

Any idea?

4

Maybe since it’s on a 3GS? The device is rather old and it’s most likely at the limits of it’s hardware. Are you getting this on a newer device like a 4s or 5?

5

haven’t tested on 4s or 5, will let you know how I go.

6

@mhartington Nop. Its in android browser only.

7

checked this http://plnkr.co/edit/ByEJ7Ug1GqzSIMk31fZW?p=preview
in mobile browser (chrome 36) and webview (chrome 30). some frames are below 30 FPS.

8

Hey,
have the same issue on 4s and 5 - I believe it’s ionic loading screen appearing and disappearing when navigating between pages. how do I stop this?

Thanks in advance,
Ash.

9

I’ve been getting this issue on all iPhone devices… it only happen on back button click.
Appericate your hep on this. Thanks in advance.

10

Ok… I’ve fixed it.
I’ve ng-app declared at html tag level, after moving it to body the screen refresh has disappeared.

Hope this helps someone in the future.

Cheers,
Ash.