CODEWITHSUNDEEP
htmlcss
Fizzix
Fizzix

Reputation: 24385

Simple Angular route change animation not working on mobile?

I have a basic slide-in slide-out animation for each route on enter and leave within my AngularJS app.

The animations work perfectly on desktop, although bug out on mobile. They do seem to work within the dev tools emulator though.

I have tracked it down to having something to do with the views position not being set correctly with the absolute position. Seems as if when a new view is loaded, they both exist within the page, hence making the pages width twice and large until the old view is unloaded and removed. I then tried a position relative on the parent container, although no luck.

WORKING DEMO

Upvotes: 1

Views: 3733

Answers (1)

Louie Almeda
Louie Almeda

Reputation: 5632

Use overflow: hidden for the container of your views, in the case of your plnkr, it's the <body>

Upvotes: 1

Related Questions