[Solved] Can I use Sortable with Swipeout?

Questions
1

When I try to add swipeout to a sortable list, the sortable handle no longer works. Any idea how I can get both features to work on my list?

  <div class="block-title">Simple Sortable with Swipeout</div>
  <div class="list simple-list inset sortable">
    <ul>
      <li class="swipeout">
        <div class="swipeout-content">
          Item 1
          <div class="sortable-handler"></div>
        </div>
        <div class="swipeout-actions-right">
          <a href="#" class="swipeout-delete">Delete</a>
        </div>
      </li>
      <li>
        Item 2
        <div class="sortable-handler"></div>
      </li>
    </ul>
  </div>

image
image.png778×260 9.21 KB

2

I found a solution. I guess it just doesn’t work with simple-list.

  <div class="block-title">Simple Sortable with Swipeout</div>
  <div class="list inset sortable">
    <ul>
      <li class="swipeout">
        <div class="swipeout-content">
          <div class="item-content">
            <div class="item-inner">
              <div class="item-title">
                Item 1
              </div>
            </div>
          </div>
        </div>
        <div class="sortable-handler"></div>
        <div class="swipeout-actions-right">
          <a href="#" class="swipeout-delete">Delete</a>
        </div>
      </li>
      <li class="swipeout">
        <div class="swipeout-content">
          <div class="item-content">
            <div class="item-inner">
              <div class="item-title">
                Item 2
              </div>
            </div>
          </div>
        </div>
        <div class="sortable-handler"></div>
        <div class="swipeout-actions-right">
          <a href="#" class="swipeout-delete">Delete</a>
        </div>
      </li>
    </ul>
  </div>
1 Like