cordova - Disabling vertical scroll on ion-scroll inside ion-list when swiping -


i got little problem when wrapping ion-scroll ion-list.

this code :

    <ion-content>        <!-- list directive great, sure checkout collection repeat directive when scrolling through large lists -->        <ion-list show-delete="data.showdelete" show-reorder="data.showreorder">  <ion-scroll style="height: 300px" >         <ion-item ng-repeat="item in items"                    item="item"                   href="#/item/{{item.id}}" class="item-remove-animate">           item {{ item.id }}           <ion-delete-button class="ion-minus-circled"                               ng-click="onitemdelete(item)">           </ion-delete-button>           <ion-option-button class="button-assertive"                              ng-click="edit(item)">             edit           </ion-option-button>           <ion-option-button class="button-calm"                              ng-click="share(item)">             share           </ion-option-button>           <ion-reorder-button class="ion-navicon" on-reorder="moveitem(item, $fromindex, $toindex)"></ion-reorder-button>         </ion-item> </ions-scroll>       </ion-list>      </ion-content> 

http://codepen.io/anon/pen/ynyjgx

what want prevent scrolling while swiping on ion-item, default working, when tried wrap it, not working, can me alternative?

the thing want make height of ion-list resizeable css, i'm using ion scroll inside ion-list

i don't understand why want complicate such simple thing much, remove ion-scroll , give height ion-content. require.

codepen here

<ion-content style='height : 300px'>