Jquery UI Drag & Drop perte de l'ID après déplacement

Bonjour,

Ca fait maintenant 4 semaines que je tente de réaliser une interface de drag & drop en me servant de la bibliothèque JQUERY UI.
J'ai beaucoup avancé mais malgré toutes mes recherches et mes efforts, je me heurte toujours au même problème.

En effet j'ai 2 sortables placés 1 à gauche et 1 à droite d'un tableau contenant 3 droppables chacun placé dans un <TD>
Voici le lien vers une version simplifiée de ce que je veux faire mais elle reproduit le problème rencontré.

https://jsfiddle.net/cbh8anuL/12

En réalisant des drag & drop entre les 2 sortables il n'y a aucun problème.
Le problème apparait lorsqu'on passe par le droppable , ca fonctionne une fois mais dès qu'on retourne vers un sortable puis qu'on revient, l'ID est perdu "undefined".

Pourriez-vous me dire ce qui ne va pas dans le code envoyé en lien?

Merci d'avance pour votre aide

Quand un élément sortable est déposé dans un droppable puis revient vers l’un ou l’autre des sortables, une erreur est émise depuis les tréfonds de jQuery. À mon avis c’est un problème de compatibilité entre les deux plugins, et cette conversation Stackoverflow semble le confirmer.

La solution proposée :

Citation:

---

Envoyé par Henri Hietala

Wrap the sortables into their own div and make it droppable too.

---

En français :

Citation:

---

Enveloppe les sortables dans leur propre <div> et rends-les aussi droppable.

---