title: Using HTML5 Drag and Drop with Aurelia
body: <p>I want to implement a simple drag and drop in Aurelia but cannot seem to get the drop event to fire.</p>
  
  <pre><code>&lt;template&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div draggable="true" dragstart.delegate="dragStart($event)"&gt;Drag Me&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="upload-drop-zone" dragenter.delegate="dragEnter($event)" drop.delegate="dragDrop($event)"&gt;Drop Area&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>export class DemoPage {
   dragStart(event) {
      console.log('dragstart', event);
      return true;
  }
  
  dragEnter(event) {
      console.log('dragEnter', event);
      return true;
   }
  
   dragDrop(event) {
      console.log('dragDrop', event);
      return true;
   }
  }
  </code></pre>
  
  <p>Any help appreciated - thanks.
  Matt</p>