title: React-Virtualized cancel click event when sort enabled
body: <p>I'm creating a table where the columns are resizable like the demo on the react-virtualized GitHub page using react-draggable: <a href="https://codesandbox.io/s/j30k46l7xw" rel="nofollow noreferrer">https://codesandbox.io/s/j30k46l7xw</a></p>
  
  <p>However, I also want the table to support sorting.</p>
  
  <p>When I add the <code>sort</code> prop on the table, the sort function is called everytime a column is resized and the mouse is still inside the header column.</p>
  
  <p>Check out the console log here where I have added the <code>sort</code> prop to the above demo: <a href="https://codesandbox.io/s/n32x4ry1ym" rel="nofollow noreferrer">https://codesandbox.io/s/n32x4ry1ym</a></p>
  
  <p>Is there any way to stop the sort function from being called?
  I've tried adding <code>event.stopPropagation()</code> to the <code>onStart</code>, <code>onDrag</code> and <code>onStop</code> in react-draggable.
  I also found out that the react-draggable <code>onStop</code> is called before react-virtualized <code>sort</code>.</p>
  
  <p>Any ideas?</p>