I am working on an Ionic app using version 1.3.2 . everything going perfect with animations and views transition until I came to view which contain side menu and nested tabs then all animations and view transitions stopped completely!!!
I tried many CSS workarounds but none of was the fix .
Here is my view’s code
<ion-view>
<ion-side-menus class='archivePage '>
<!-- Left menu -->
<ion-side-menu side="left">
<yogi-side-menu></yogi-side-menu>
</ion-side-menu>
<ion-side-menu-content class="studio_classes archiveImg" >
<ion-nav-bar align-title="center">
<ion-nav-buttons side="right">
<button class="button button-clear button-positive" ng-click="reset()">
<img src='img/logo.png'style="height:32px;" />
</button>
</ion-nav-buttons>
<ion-nav-buttons side="left">
<!-- Toggle left side menu -->
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-nav-title>classes</ion-nav-title>
</ion-nav-bar>
<ion-tabs class="tabs-icon-top mainTabs slide-in-not-out">
<!-- Classes Tab -->
<ion-tab title="classes" href="#/tab/classes">
<ion-nav-view name="tab-classes" animation="slide-left-right"></ion-nav-view>
</ion-tab>
<!-- Studios Tab -->
<ion-tab title="studios" href="#/tab/studios">
<ion-nav-view name="tab-studios" animation="slide-left-right"></ion-nav-view>
</ion-tab>
</ion-tabs>
</ion-side-menu-content>
</ion-side-menus>
</ion-view>