title: Angular2 use of onmouseup event overwrites native behavior
body: <p>I am currently developing an app using angular2 and typescript.
  I need to use a range slider input to send a control and i need to know when the input is being used, ie when the user is dragging it.</p>
  
  <p>I tried using a combination of the "mouseup" and "mousedown" event.
  When you click the slider the "mousedown" event is triggered and the "isActive" variable is set to true, then when the user stops using the slider the "mouseup" event is triggered and  the "isActive" variable is set to false.</p>
  
  <pre><code>&lt;input type="range" (mousedown)="isActive = true" (mouseup)="isActive = false" /&gt;
  </code></pre>
  
  <p>That part works perfectly but the fact that I set up an action to do on the "mouseup" event looks to overwrite a native action and the slider is never released. </p>
  
  <p>Here is a simple plunker showing the behavior :       <a href="https://plnkr.co/edit/PJqFp7dFREog9rE7Shdx" rel="noreferrer">https://plnkr.co/edit/PJqFp7dFREog9rE7Shdx</a></p>
  
  <p>Is it me that do not implement a necessary function to make this work ? or is it a "bug" from angular2 that does not propagate events and just overwrites them ? </p>
  
  <p>Thank you in advance.</p>