Umożliwia zaznaczanie tekstu w obszarze tekstowym w obrębie rodzica jQuery Sortowalny

Question

Mam tabelę, której ciało sortowałem za pomocą funkcji sortable jQuery UI. W ramach tego sortowalnego stołu mam pole tekstowe, które pozwala użytkownikowi wprowadzać komentarze na temat danego wpisu w tabeli.

<table id="status"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Comment</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td class="dragHandle">Jason</td> 
      <td><textarea class="commentBox"></textarea></td> 
     </tr> 
    </tbody> 
</table> 

A javascript, aby stół sortable (z funkcji pomocniczych do wytwarzania tablic Sortable znalazłem w Internecie)

// Return a helper with preserved width of cells 
var fixHelper = function(e, ui) { 
    ui.children().each(function() { 
     $(this).width($(this).width()); 
    }); 

    return ui; 
}; 

$("#status").sortable({ 
    helper: fixHelper, 
    axis: 'y', 
    handle: '.dragHandle' 
}).disableSelection(); 

Wprowadzanie tekstu w tym textarea działa dobrze, jednak kiedy próbuję zaznaczyć tekst w obrębie textarea nic się nie dzieje. Nawet użycie Shift + Arrow Keys nie zachowuje się tak, jak bym się spodziewał.

W jaki sposób mogę dokonać wyboru tekstu tekstowego przy jednoczesnym ustawianiu całej tabeli?

Już Próba:

• Wykonanie operacji sortable „zniszczyć” na stole, gdy textarea dostaje skupić spróbować tymczasowo zezwolić selectability, ale nawet po zniszczyć, wybór tekstu jest nadal słaby.

• Ustawianie „uchwyt” właściwość sortable aby tylko pole Nazwa sortable

• Ustawianie „wyłącz” właściwość sortable wyłączyć kiedy inicjowane z pola tekstowe

• Przechwytywanie mousedown/mouseup wydarzenia w textarea (lub div zawierającego textarea) i wzywającą Event.stopPropagation()

Answer 1

Co znajduje uzasadnienie dla korzystania disableSelection? To jest powód, dla którego twój textArea się nie skupia.