jquery ui sélectionnable combiné avec des œuvres draggables dans IE mais pas dans Firefox

Question

J'ai un arbre de ressources qui est configuré comme une table, et je veux être en mesure de sélectionner un certain nombre de ressources de l'arbre en utilisant Ctrl-Click pour sélectionnez plusieurs ressources et faites-les glisser sur une table de tâches pour allouer des ressources à un travail.

Tout cela fonctionne bien dans IE8. mais quand je l'essaye dans Firefox, la sélection ne fonctionne pas du tout, quand je désactive le draggable alors sélectionnable fonctionne Ok, donc c'est évidemment un conflit entre draggable et sélectionnable qui se produit seulement dans Firefox. En utilisant Firebug, il semble que _mouseStart n'est pas activé lorsque vous cliquez sur l'une des cellules du tableau, mais c'est si vous cliquez sur une partie de la table qui n'est pas une cellule.

J'ai mis en place une page de test est de démontrer la question ici: www.qualitech.co.nz/test.aspx

Answer 1

La seule raison pour que cela fonctionne à tout est à cause d'une erreur de codage dans IE qui permet à une règle CSS de position à appliquer à TD éléments . Selon les conventions du W3C, les éléments de la table interne doivent toujours être rendus avec position: static. Pour que le draggable fonctionne, l'élément draggable doit pouvoir être retiré du flux de documents avec une position non statique. Ceci n'est pas possible pour les éléments TD. Pensez à passer à une liste non ordonnée et à rendre vos éléments de liste sélectionnables et déplaçables.