List scrolling in side menu


#1

I’ve put a list inside a side menu, but for some reason it doesn’t scroll (vertically, like normal lists). Instead it is clipped as the list goes outside the screen boundary.

Are there any special considerations to be aware of that can cause problems like this? Can you spot something wierd, I think it looks simple enough?

Here is the template code for the menu & list:


PS. Not sure if I should use the ion-content & ion-view wrapping. It doesn’t work eighter way though. DS.


#2

@4zm hey try like this.

<ion-side-menu-content edge-drag-threshold="true">

</ion-side-menu-content>

<ion-side-menu side="right">
    <ion-header-bar class="bar-balanced">

    </ion-header-bar>
    <ion-content class="has-header header-menu">

        <ion-list>

            <ion-item nav-clear menu-close ng-href="#/menu" class="clickable item-icon-left">
                <i class="ion-ios7-paper"></i> Profile
            </ion-item>
            <ion-item nav-clear menu-close ng-href="#/menu" class="clickable item-icon-left">
                <i class="ion-ios7-paper"></i> Profile
            </ion-item>
            <ion-item nav-clear menu-close ng-href="#/menu" class="clickable item-icon-left">
                <i class="ion-ios7-paper"></i> Profile
            </ion-item>
            <ion-item nav-clear menu-close ng-href="#/menu" class="clickable item-icon-left">
                <i class="ion-ios7-paper"></i> Profile
            </ion-item>
        </ion-list>
    </ion-content>
</ion-side-menu>

#3

Fantastic, that works like a charm.

Thanks a lot!