ion side menu blocks scrolling on ion-content

This is the side menu code

<ion-side-menu-content>

    <ion-nav-bar class="bar-stable">
        <ion-nav-back-button class="button-icon ion-ios7-arrow-left"></ion-nav-back-button>
    </ion-nav-bar>

    <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" ng-click="toggleLeft()">
        </button>
    </ion-nav-buttons>

    <ion-nav-view name="mainContainer" animation="slide-left-right"></ion-nav-view>

</ion-side-menu-content> 

the problem is that when side menu is open i can't scroll the content.

Codepen