Swipe to open a side-menu with tabs

Dear Ionic users,

I’m working on an app that has a side-menu that has to open on a swipe from right to the left.
That part was working correctly, but whenever I put the page with the side-menu on it inside a tab the swiping functionality breaks.

I’ve made a codepen to make it a bit more clear: http://codepen.io/anon/pen/qEerwX
Steps to reproduce:

  1. Click on the info tab
  2. Click on the Disco link
  3. Swipe from the right to the left to open the right-tab

The thing is, whenever I put the <ion-nav-bar></ion-nav-bar> on line 53 in comments the slide to open the side menu works. But I can’t click the Info tab on the bottom then to go back to the Info page.

Am I mis-using the tabs in combination with the side-menu or am I doing something wrong?

Thanks in advance for your help.