Opening a side menu from a list


#1

I was playing around with the start template, and I decided to add a sidemenu. It seems, and I confirmed by looking at some other demos, that the side menu cannot be dragged open from any area where there is a list.
Is there anything that can be done about that?


Scrolling Lock Issues on List Items
#2

I’ve used a list and side menu before and could drag to open it. Any codepens where I could take a look?


#3

Have a look here: http://codepen.io/anon/pen/yuoGm

If you notice, you can drag the menu open from anywhere except the list item.


#4

Good catch, best bet would be to open an issue ticket on github. Seems to be an issue with the ion-list directive. I changed it to use just the bare css classes and everything worked fine. Until the issue is resolved, I would use the css.


#5

What do I lose by using the bare css classes as opposed to the directive?


#6

If you choose not to use the directives, you’ll loose the addition functionality


#7

@mhartington Is right on this. If you don’t need the added functionality of deleting, reordering, etc, there’s really no point in having this code in your app. I imagine it even adds a bit of overhead that could slow your app down. I almost always use just simple lists:

<div class="item" ng-repeat="invitation in invitations">
    {{invitation.to}}
</div>