jQuery UI sortable + flexbox

by Peter Hozák

HTML

<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<script src="https://code.jquery.com/ui/jquery-ui-git.js"></script>
<div class="outer">
  Sortable:
  <div class="inner">
    <div>short</div>
    <div>short</div>
    <div>drag me and I will wrap</div>
  </div>
</div>

CSS

.outer {
  display: flex;
}
.inner div {
  background: #fd5;
  margin: 1px;
  padding: 0 10px;
  border-radius: 50px;
}

JavaScript

$(".inner").sortable()