title: Using mousedown HostListener to move elements around (Drag & Drop)
body: <p>We need to create a <code>drag and drop</code> directive. Using <code>drag and drop events</code> won't work for SVG elements, thus, we need to go for standard <code>mousedown</code>, <code>mousemove</code> and <code>mouseup</code> events. I saw a few examples in JavaScript, but somehow I don't get it working with Angular. </p>
  
  <p>The <code>mousemove</code> works solong the draggable element is not selected. </p>
  
  <p>How can I pick the element and drag it around with <code>HostListener</code> <code>mousemove</code>?</p>
  
  <p>I created a <a href="https://stackblitz.com/edit/angular-xu6qnt?file=app%2Fdraggable.directive.ts" rel="nofollow noreferrer">StackBlitz</a> so you can see what I've done. If I drag the element and open the console, you'll see that the <code>mousemove</code> event won't be fired.</p>
  
  <p>what am I missing?</p>