JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://rubaxa.github.io/Sortable/Sortable.js"></script>
<!-- HTML -->
<ul id="list" class="list-group">
  <li class="list-group-item item">This is <a href="http://rubaxa.github.io/Sortable/">Sortable</a></li>
  <li class="list-group-item item">It works with Bootstrap...</li>
  <li class="list-group-item item">...out of the box.</li>
  <li class="list-group-item item">It has support for touch devices.</li>
  <li class="list-group-item item">Just drag some elements around.</li>
  <li class="list-group-item item"><input type="text" value="can't position cursor via mouse click"></li>
</ul>

JavaScript

Sortable.create(list, {
  animation: 100,
  draggable: '.item'
});