Ionic view transitions stuck when go to/from view with sidemenu and tabs


#1

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>