Specify a handle to narrow down acceptable drag start position #3
Description
Hello. Thanks for the simple to use library!
Is there a way to specify a handle class so that the whole row is not draggable but rather only the handle image itself?
An example would be something like...
{#each fooList as foo (foo.id)}
<SortableItem ... handleClass=".handle">
<div class="row">
<div>{foo.name}</div>
<GripperIcon class="handle">
</div>
</SortableItem>
{/each}
In this case, the name would not be draggable, only the GripperIcon portion of the row, but the whole row would still move when dragged.