テーブルをsortableにするとtdの値のクリックでカーソルの移動やセレクト（ハイライト選択）ができなくなります

テーブルを作成して、その各横列に順位とcontenteditableを指定したtdがあります。
並び変えと順位の入れ替えはうまく行ったのですが、td内でクリックでカーソルの移動が効かなくなってしまいました。
さらに文字を左クリックで選択(ハイライトさせて選択するselectable?)もできません。
解決方法が分からなくご教授いただけたら幸いです。
宜しくお願い致します。

sortableを使うために下記を利用しています。
jQuery v1.11.3
jQuery UI - v1.12.1

html
1<div class="col-sm-12">
2    <table id="table" class="table table-bordered">
3        <tbody id="sortable">
4            <tr>
5                <th class="rank">1</th>
6                <td contenteditable></td>
7            </tr>
8            <tr>
9                <th class="rank" >2</th>
10                <td contenteditable></td>
11            </tr>
12            <tr>
13                <th class="rank" >3</th>
14                <td contenteditable></td>
15            </tr>
16
17        </tbody>
18    </table>
19</div>

js
1$("#sortable").sortable().disableSelection().delegate('input,textarea,td','click',function(ev){
2    ev.target.focus();
3});     
4$('#sortable').bind('sortstop', function(e,ui){
5    var rows = $('#sortable .rank');
6    for(var i=0, rowTotal=rows.length; i<rowTotal; i+=1){
7        $($('.rank')[i]).text(i+1);
8    }   
9});