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
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