angularjs - Ionic V1 Side Menu Content strange behaviour -
i working on ionic 1 project have 2 language arabic rtl , english ltr.
i added 2 menus handle this, 1 side="right"
arabic , other 1 side="left"
english
every thing working fine @ start when change language side menu content draggable left , right !!
it should draggable left when left menu displayed , right when right menu displayed
trials
i tried drag-content='false'
[disable both directions].
i trired add event listener on ionic-side-menus-content
on drag check if direction left preventdefault
, return false;
[didn't worked]
here screenshot of issue.
accepted direction
wrong behaviour
app.html code
<ion-side-menus enable-menu-with-back-views="false"> <!-- left menu --> <ion-side-menu side="left" ng-if="$root.lang=='en'"> <div ng-include="'tpls/side-menu.html'"></div> </ion-side-menu> <ion-side-menu side="right" ng-if="$root.lang=='ar'"> <div ng-include="'tpls/side-menu.html'"></div> </ion-side-menu> <ion-side-menu-content> <!-- main content, <ion-nav-view> --> <ion-nav-bar align-title="center"> <ion-nav-back-button> </ion-nav-back-button> <ion-nav-buttons side="{{$root.lang=='ar'?'right':'left'}}"> <button class="button button-icon button-clear ion-navicon" menu-toggle="{{$root.lang=='ar'?'right':'left'}}"> </button> </ion-nav-buttons> <div class="bar bar-subheader"> <div class="searchbox primarycolor-bg"> <div class="ionicons"> <i class="ion-camera"></i> <span>|</span> <i class="ion-search"></i> </div> <input type="text" name="" placeholder="{{'titles.search_placeholder'|translate}}" value=""> </div> </div> </ion-nav-bar> <ion-nav-view name="menucontent" > </ion-nav-view> </ion-side-menu-content> </ion-side-menus>
any appreciated
Comments
Post a Comment