1 cella di tabella aggiuntiva quando una riga viene eliminata con jQueryUI ordinabile (ma solo Chrome)

Question

Ho un'applicazione che utilizza jQuery, jQuery UI e Backbone.js. Recentemente si è sviluppato un bug in cui una riga nella tabella quando viene rilasciata (jquery Sortable) una riga diversa a volte si sposta su una riga come se ci fosse una cella in più, ma dopo l'ispezione non lo è. Ho appena notato che ciò accade solo in Chrome, Chromium e ChromeFrame.

Ecco uno screenshot della zona problema: http://img208.imageshack.us/img208/6870/screenshotkz.png

Ecco uno screenshot del HTML in interfaccia di controllo di Chrome: http://img16.imageshack.us/img16/6985/screenshot1wdo.png Ho anche copiato il codice HTML qui sotto:

<tr id="17052151" class="wo"> 
<td>17052151</td> 
<td>XXXXXXXXXXX</td> 
<td>XXXXXXXXXXXXX</td> 
<td>Parts Here</td> 
<td>RR</td> 
<td>10/28/11</td> 
<td>10/28/11</td> 
<td>10</td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr> 
<tr id="10097756" class="wo"> 
<td>10097756</td> 
<td>XXXXXXXXXXXX</td> 
<td>XXXXX</td> 
<td>Parts Here</td> 
<td>NIS</td> 
<td>10/04/11</td> 
<td>10/28/11</td> 
<td>10</td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr> 
<tr id="10095965" class="wo"> 
<td>10095965</td> 
<td>XXXXXXXX</td> 
<td>XXXXXXXXXXXXXXXX</td> 
<td>Parts Here</td> 
<td>NIS</td> 
<td>09/16/11</td> 
<td>10/10/11</td> 
<td></td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr> 

Poiché questo problema non si verifica in Firefox o IE8 Penso che potrebbe essere un bug di Chrome, ma volevo vedere se qualcun altro aveva già riscontrato questo problema in precedenza.

EDIT ho trovato che chiamando la funzione .render() per il mio elemento che il problema si verifica in correzioni di questo problema.

Answer 1

Forse mi manca totalmente il tuo punto, ma potresti chiarire: vuoi che l'intera riga sia ordinabile, ovvero la riga 1, la riga 2 e la riga 3 sono intercambiabili mediante trascinamento?

Se così fosse, in realtà si renderebbe il tbody ordinabile, non il tr; applicare l'ordinabile al tr è ciò che provoca un comportamento strano qui, poiché jqueryui cerca di rendere il contenuto del tr ordinabile, che va terribilmente male. Per ordinare le righe, rendere il tbody ordinabile, quindi tenta di ordinare le righe della tabella.

http://jsfiddle.net/cZ4n4/10/