Broken page transitions with ons-navigator on ios

[vegetablesalad]

Environment
OS X El Capitan 10.11.5
Onsen 2 beta 6
iOS (9.3.1 and 9.3.2 on real iPhone 5) iOS 9.3 on 6s emulator

Encountered problem
Page transition animation is broken, tested on (fade and slide) it will briefly flash the next page and then start the animation. Back animation looks fine, but there is no way to know if it has the same “flash” problem - as it would be unnoticeable.

Pen
But there is no problem running from mobile browser
https://codepen.io/anon/pen/WxeRGL?editors=101

Forum thread I made
https://community.onsen.io/topic/453/broken-page-transitions-on-ios/2

How to reproduce
With latest version and example from https://onsen.io/v2/docs/js/ons-navigator.html

[vegetablesalad]

I noticed the same issue in browser (chrome and safari), but this time it happens only on first animation. If I remove page from stack and open it again, then it will run smoothly.

[benbvs]

Same thing. Only the first transition is bad.

[Chozzle]

I am having this issue with iOS 9.3.5 on a iPhone 4s, onsenui 2.2.4.

[milosh012]

Hi guys.... this is still broken... anyone tried to solve it?

Just to clarify... this is working fine inside Chrome... but when you run it inside Monaca debugger or build as a ios project, then it have this problem...

More Details

Monaca debuger: 6.5.0.
"onsenui": "~2.5.1",
"vue": "^2.4.0",
"vue-onsenui": "~2.1.0"

I tried your basic navigation example with VueJS and its not working... When I try just plain onsen-ui (without any framework) then its working fine inside monaca debugger...

[milosh012]

@argelius ^