Problem with page width on transitions


I’ m developing an app using Ionic and HP Anywhere(a container that uses phonegap and run your app inside an iframe).

So I have an issue when the transition occurs: the width from body is duplicated, causing the title text moves to right(new center) and then move to center again.
I discover that the width was duplicated, because I put an alert insed of _animateTitles method(ionic-angular.js).

Has anyone tried this?

I tried this simple example in codepen:



It’s working now.
I put position: absolute; left: 0, top: 0 in the body tag.



Hmm never heard of HP Anywhere…wonder why they use iframes…

Anyways, glad to hear you resolved the issue