Every drag and drop library I have used in the past support a handle option, meaning that the drag of an item only occurs if the the user has clicked on a specific child element of the item. Normally this option's value is a selector.
<kendo-sortable [data]="tracksData" [handle]="#headerBar">
<template let-trackData="item">
<track [tempo]="trackData.tempo"></track>
</template>
</kendo-sortable>
Where #headerBar is the selector of an indirect or direct child element of TrackComponent.
I don't see how this can be achieved with the current API, but perhaps I'm wrong.
Here are 2 examples of an API for a handle option:
- jQuery UI
- dragula
Github ticket: https://github.com/telerik/kendo-angular2/issues/57#issuecomment-254558547