title: Click event firing after dragging
body: <p>Hey I'm using Angular material Drag and drop. Everything is working fine but after each drag it triggers the click event and it's really annoying. How can I stop this?</p>
  
  <pre><code>&lt;div
    cdkDrag
    [cdkDragDisabled]="shiftWorker.locked"
    (cdkDragEnded)="onDragEnded(job, shiftWorker, $event)"
    (cdkDragStarted)="onDragStart($event)"
    [cdkDragData]="job"
    *ngIf="job.timelineInfo.isInDayShift === firstHalfDay"
    (click)="openWorkDetails(job.id)"
  &gt;&lt;/div&gt;
  </code></pre>