We are getting overlapping screen during navigation / transition on iPad Air (please review attached video taken in slo-mo - https://vimeo.com/125547095 ). During the transition, the new screen starts loading and before it completes transition, we see a section of previous screen for a brief period. Also, it is more visible in landscape resolution when screen width is more. We tried on different versions of iOS including latest 8.3. We are running Cordova 4.3 and Ionic RC4.
Forcefully setting transition to android resolves the issue.
$ionicConfigProvider.views.transition(‘android’);
We have the same thing on one of our apps. Has anyone found another solution for this? Haven’t tried the actual 1.0.0 release yet, have you? @niekweevers@iondev@mhartington
We have same issue. Issue mainly with IPad application when used it in vertical mode. (Not reproduce in simulator). When transition from one screen to other there is some black screen and some portion of older screen display for brief amount of time until next page fully load.
At present issue seems resolved by following CSS. I searched it someware from this forum. But it is good if address in IONIC itself.
Now there’s another issue left :
When selecting an item for the first time the animation is correct for both views, but when you return and click for a second time on the same item ( the animation is correct when you would select another item) the parent view that should animate to the left is removed immediately without animation. ( as an example I added a video where I’ve set the background from the ion-nav-view to black again )
So there is something wrong with the nav-view-direction attribute on the ion-view element.