Two menus on one side


#1

Hi, i got a problem, i need to make 2 menus on the left side.
I tried to make this using abstract route and ion-side-menus. I’am able to open both menus now, but 2nd level menu is not clickable or scrollable
Is that possible ? What am i doing wrong ?

So i got 1st level menu:

<ion-side-menus delegate-handle="main" enable-menu-with-back-views="false">
<ion-side-menu-content>
<ion-nav-bar class="bar-stable">
  <ion-nav-back-button>
  </ion-nav-back-button>

  <ion-nav-buttons side="left">
    <button class="button button-icon button-clear" menu-toggle="left">
      Discover
    </button>
  </ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left" class="menu-container">
<ion-content>
  <ion-list>
    <ion-item menu-close ui-sref="app.staff_picks">
      Staff Picks
    </ion-item>
    <ion-item>
      More
    </ion-item>
  </ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>

and second nested menu

<ion-side-menus delegate-handle="story" enable-menu-with-back-views="false">
<ion-side-menu-content>
<ion-nav-view name="storyContent"></ion-nav-view>
</ion-side-menu-content>

<ion-side-menu delegate-handle="story" side="left" class="menu-container">
<ion-header-bar class="bar-stable">
  <h1 class="title sidebar-title">Contents</h1>
</ion-header-bar>
<ion-content>
  <ion-list>
    <ion-item>
      Menu item here
    </ion-item>
  </ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>

Thanks for any help