title: Angular7 drop zone: click event not triggered
body: <p>After reading this <a href="https://blog.angularindepth.com/exploring-drag-and-drop-with-the-angular-material-cdk-2e0237857290" rel="nofollow noreferrer">blog post</a> about angular material 7 new features regarding drag and drop interactions I decided toying with the example'code.</p>
  
  <p>It works around three lists with drag and drop events moving elements between the three lists. This works perfectly, the issue arises when trying modifying the first lists such that its elements become buttons:</p>
  
  <pre><code>&lt;div *ngFor="let item of newItems" [cdkDragData]="item" cdkDrag&gt;
  &lt;button (click)="clicked($event)"&gt; {{ item }}&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that the click event seems to not get triggered as if the drag-and-drop events had "overwritten them".</p>
  
  <p>Here is the code:</p>
  
  <p><a href="https://stackblitz.com/edit/mat-drag-drop-bwkdcy" rel="nofollow noreferrer">https://stackblitz.com/edit/mat-drag-drop-bwkdcy</a></p>
  
  <p>EDIT: found a workaround with an event listener, no biggie.</p>