RIght side menu flicking when navigating away after 1.3.2 update


#1

Hello,

I’m having an issue which is driving me crazy and hopfully soemone has seen it before.

I have a master details app, with 2 sides menus.
I recently updated my app from 1.1.0 to 1.3.2 to benefit from options preventing the menu drag.

Three issues showed up.

1 - when i click on the left side menu , while navigating away, the right side menu briefly appears.
2 - There is a black flicker between transitions.
3 - The drag preventing still doesn’t work :frowning:

The bug :

My menu :

<ion-side-menus drag-content="false">
<ion-side-menu-content ng-controller="NavController">
    <ion-nav-bar class="nav-title-slide-ios7 bar-clear menu-color">
    </ion-nav-bar>
    <!-- app view -->
    <ion-nav-view name="menuContent" animation="slide-right-left"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left" drag-content="false" ng-controller="NavController">
    <ion-header-bar class="bar bar-header bar-hz">
        <h1 class="title">Menu</h1>
    </ion-header-bar>
    <ion-content has-header="true">
        <ul class="list">
            <a ui-sref="app.dash" nav-clear nav-transition="none" nav-direction="none" class="item item-icon-left" ng-click="toggleLeft()">Deals du jour
<i class="ionicons ion-social-usd"></i>
            </a>
            <a ui-sref="app.favorites" nav-clear nav-transition="none" nav-direction="none" class="item item-icon-left" ng-click="toggleLeft()">Mes likes
            <i class="ionicons ion-android-favorite"></i>
            </a>
            <a ui-sref="app.reservations" nav-clear nav-transition="none" nav-direction="none" class="item item-icon-left" ng-click="toggleLeft()">Mes voyages
            <i class="ionicons ion-android-plane"></i>
            </a>
            <a ui-sref="app.settings" nav-clear nav-transition="none" nav-direction="none" class="item item-icon-left" ng-click="toggleLeft()">Paramètres
            <i class="ionicons ion-gear-b"></i>
            </a>

            <a ui-sref="app.contact" nav-clear nav-transition="none" nav-direction="none" class="item item-icon-left" ng-click="toggleLeft()">Contact
            <i class="ionicons ion-android-textsms"></i>
            </a>
        </ul>
    </ion-content>

</ion-side-menu>
<ion-side-menu drag-content="false" side="right">
    <ion-content has-header="true">
        <ul class="list">
            <li class="item">
                <a class="item" ng-class="{'ion-android-done balanced': sortType == 'price'}" ng-click="sortBy('price')"> Prix</a>
            </li>
            <li class="item">
                <a class="item" ng-class="{'ion-android-done balanced': sortType == 'date'}" ng-click="sortBy('date')"> Date</a></li>
            <li class="item"><a class="item" ng-class="{'ion-android-done balanced': sortType == 'destination'}" ng-click="sortBy('destination')"> Destination</a></li>
        </ul>
    </ion-content>
</ion-side-menu>
</ion-side-menus>

Any ideas what’s wrong with my code ?

Thanks in advance :clap:


#2

Never mind i fixed.

The flashing and the right menu flicker was because of telerik native transitions.

The drag-menu directive was on the wrong item.