How to allow swipe on a ul list inside ion-list?


#1

hello,

i have this setup http://codepen.io/patrioticcow/pen/bdMgJw?editors=101 or

<ion-list show-delete="data.showDelete" show-reorder="data.showReorder">
      <ion-item ng-repeat="item in items" item="item" href="#/item/{{item.id}}" class="item-remove-animate">
        Item {{ item.id }}
        <ul class="list m-0">
          <li class="item border-none"> test
            <span class="badge badge-assertive" 0</span>
          </li>
          <li class="item border-none text-normal">testtest</li>
        </ul>
        <ion-option-button class="button-calm" ng-click="share(item)">Share</ion-option-button>
      </ion-item>
    </ion-list>

i can swipe to reveal the Share button, but only if i don’t swipe on the ul list

any ideas how to fix this?


#2

You could remove the item class from the <li>'s and add your own custom class, like this:

<li class="custom-item border-none text-normal">testtest</li>

CSS:

.custom-item {
  padding: 16px;
}