J'ai une table dont le corps a été rendu triable en utilisant la fonction Sortable de jQuery UI. Dans cette table triable, j'ai une zone de texte qui permet à l'utilisateur d'entrer des commentaires sur une entrée de table donnée.Rendre le texte sélectionnable dans une zone de texte dans un parent jQuery Sortable
<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>
Et le javascript pour faire la table sortable (avec une fonction d'aide pour faire des tables triables je trouve en ligne)
// 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();
entrée de texte dans cette zone de texte fonctionne très bien, mais lorsque je tente de sélectionner le texte dans la zone de texte, rien ne se passe. Même en utilisant les touches Maj + Fléchées ne se comporte pas comme je m'y attendais.
Comment rendre le texte d'une zone de texte sélectionnable tout en rendant la table entière triable?
déjà essayé:
Faire un sortable « destroy » sur la table quand un textarea se concentrer pour essayer de permettre temporairement selectability, mais même après la destroy, la sélection de texte est encore bancal.
Réglage de la propriété « poignée » du sortable pour faire que le champ Nom triables
Définition de la propriété « désactiver » du sortable pour désactiver lorsqu'ils sont lancés à partir textareas
Capture du mousedown/mouseup événements dans la zone de texte (ou un div contenant le textarea) et appelant event.stopPropagation()
Pouvez-vous poster votre JS sortable? – methodin