Can't drag open side menus

ionic-v1
1

I can’t for the life of me find out why I cannot open side menus when dragging.
Toggling the menu buttons open the menus fine.
I’ve tried disabling all custom styles and using different versions of the Ionic bundle (currently I’m using 1.0.0-beta.14).
I’m testing in latest Chrome on Windows 8.

The controllers contain minimum logic and aren’t calling anything specific that would disable dragging. Some code is left out for brevity.

Any help is greatly appreciated.

App structure is as follows:

index.html

<body ng-app="myApp">
    <ion-nav-view>
    </ion-nav-view>
</body>

app.html

<ion-side-menus>
    <ion-side-menu-content drag-content="true">
        <ion-nav-bar class="bar-stable nav-title-slide-ios7 bar-dark">
            <ion-nav-back-button class="button-clear"><i class="icon ion-chevron-left"></i> Back</ion-nav-back-button>
        </ion-nav-bar>

        <ion-nav-view name="appContent">
        </ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="left">
        <ion-nav-view name="menuLeft">
        </ion-nav-view>
    </ion-side-menu>

    <ion-side-menu side="right">
        <ion-nav-view name="menuRight">
        </ion-nav-view>
    </ion-side-menu>

</ion-side-menus>

home.html - which doesn’t slide open the navs

<ion-view title="{{ ::currentTeam.currentFolder.name }}" hide-back-button="true">

   <ion-nav-buttons side="left">
       <button menu-toggle="left" class="button button-icon icon ion-navicon-round"></button>
   </ion-nav-buttons>
   <ion-nav-buttons side="right">
       <button menu-toggle="right" class="button button-icon icon ion-gear-a"></button>
   </ion-nav-buttons>

   <ion-content class="has-header dark-bg" padding="true">        
      <div ng-show="myArray.length < 1">
        <p>Nothing here.</p>
      </div>        
   </ion-content>
</ion-view>

js setup

$stateProvider
.state('app', {
    abstract: true,
    templateUrl: "templates/app.html",
    controller: 'AppCtrl'
})
.state(State.Home, {
    url: "/:teamSlug/:folderSlug",
    controller: 'HomeCtrl',
    views: {
        'appContent': {
            templateUrl: "templates/home.html",
            controller: 'HomeCtrl'
        },
        'menuLeft': {
            templateUrl: "templates/menus/folders.html",
        },
        'menuRight': {
            templateUrl: "templates/menus/account.html",
        }
    },
    cache: false
});
2

Exact same issue here, which is causing my help section of the app to function weird. I also noticed it in beta 14.

2 Likes
3

Same here! Not working since I updated from beta 14 to rc.1. Had a look at github and it seems that there is an issue for this: https://github.com/driftyco/ionic/issues/3244

4

I was able to solve this by specifically adding and setting the attribute:
enable-menu-with-back-views="true" to ion-side-menus.
http://ionicframework.com/docs/api/directive/ionSideMenus/#api

Even though I’m not actually using the back button, I still needed to set this. Not sure why but at least it’s sorted.

1 Like