title: React.js: Sortable component
body: <p>I used a SmartSortable snippet by Pete Hunt from <a href="https://groups.google.com/d/msg/reactjs/mHfBGI3Qwz4/_vnwOellnyoJ" rel="nofollow noreferrer">React.js Google Group</a> that intergates jQuery UI sortable with React.</p>
  
  <p>Unfortunately, after using it, editing input fields makes the text cursor to just to the end of the currently edited input field.</p>
  
  <p><img src="https://i.stack.imgur.com/hSHwC.gif" alt="Animated GIF"></p>
  
  <p><a href="http://jsfiddle.net/NV/jfkn5/" rel="nofollow noreferrer">http://jsfiddle.net/NV/jfkn5/</a></p>
  
  <p>Removing <code>&lt;SmartSortable&gt;</code> from the example fixes the problem.</p>
  
  <p>Why is it happening? I believe, the <code>&lt;input&gt;</code>’s value get’s updated despite being exactly the same; I don’t understand why.</p>