title: Mat-button click even not working when Mousemove on Smartphone material.angular
body: <p>I am using Angular Material.</p>
  
  <p>First of all, on a desktop browser, everything works fine.</p>
  
  <p>But on a smartphone (or with developer tools in Chrome) the (click) event of a button is not fired, when you move the cursor one pixel while <code>mousedown</code>.</p>
  
  <p>I guess it is intended and not only intentional behaviour, 
  and has something to do with scrolling on mobile devices,
  although the ripple effect of the material button seems a little strange to me.</p>
  
  <p>When I do a <code>mousedown</code> the ripple is shown, which looks like the button click worked, but the click actually didn't fire the event because of the movement.</p>
  
  <p>this is easily testable on many example pages of the angular material site. 
  I just link the Stackblitz to the snack bar example.</p>
  
  <p><a href="https://stackblitz.com/angular/kryggamvlaa?file=app%2Fsnack-bar-overview-example.ts" rel="nofollow noreferrer">https://stackblitz.com/angular/kryggamvlaa?file=app%2Fsnack-bar-overview-example.ts</a></p>
  
  <p>just switch to developer tools and choose a mobile device.
  then click on the show snack-bar button and move 1 pixel left. 
  if <code>mousedown</code> and <code>mouseup</code> are inside the button I think it should fire the event.</p>
  
  <p>What is the best way to force this behaviour or should I just use <code>touchStart</code> for this?</p>