ember-sortable icon indicating copy to clipboard operation
ember-sortable copied to clipboard

using sortable-item and sortable-handle

Open st-h opened this issue 3 years ago • 1 comments
trafficstars

I would like to use the whole sortable-item as a sortable-handle, so it does not matter where on the element the click happens. However, when I try to apply both modifiers to the same Dom element, the items are not sortable at all. Clicking and dragging does nothing. In order to fix this, I need to create a wrapper like:

<div {{sortable-item}} class="wrapper>
  <div {{sortable-handle}} class="content">
    actual content...
  </div>
</div>

It would be great if we could just apply both modifiers to the same element, so that it is not necessary to create an additional wrapper to make is addon work:

<div {{sortable-item}} {{sortable-handle}} class="wrapper>
    actual content...
</div>

st-h avatar Aug 29 '22 13:08 st-h

FWIW, we're applying both modifiers to the same element and everything seems to work fine.

bertdeblock avatar Aug 31 '22 18:08 bertdeblock

@bertdeblock thanks for your comment. I have given this another try. Strangely, I can not reproduce the issues I saw in the past. The only issue I see is that the touch-action: none css style prevents scrolling on iOS devices when sortable is disabled. I'll open a new issue for that.

st-h avatar Nov 28 '22 20:11 st-h