Не знаю, насколько соответствует тому, что у ТС, но вроде ничего не подвисает
<style>
#sortable{list-style-type:none; margin:0; padding:0; width:60%;}
#sortable li{margin:3px; padding:0.4em; font-size:1.4em; background-color:#fff; border:1px solid #888}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<ul id="sortable">
<li>Item 1<textarea></textarea></li>
<li>Item 2<textarea></textarea></li>
<li>Item 3<textarea></textarea></li>
<li>Item 4<input type='text'></li>
<li>Item 5<input type='text'></li>
<li>Item 6<input type='text'></li>
<li>Item 7<input type='text'></li>
</ul>
<script>
$( "#sortable" ).sortable().disableSelection();
</script>