Drag and drop sur un fichier SVG

Bonjour à tous !

Je dois développer une application web dans laquelle l'utilisateur doit manipuler des modules électriques...

Voici la manière dont cela se présente : au départ, la page contient une sorte d'étagère avec 6 emplacement. Chaque emplacement peut accueillir un module.
Les modules sont en fait des SVGs. Ils sont ajoutés dynamiquement à la page source (.aspx) lorsque l'utilisateur click sur un emplacement.

Une fois les modules ajoutés, il faut créer des connexions entre les modules.
les connexions s'effectue sur les connecteurs des modules.

Voila mon problème : afin de pouvoir déplacer mes câbles, les extrémités de ceux-ci sont en fait deux cercles draggable crées en css.
Je voudrai pouvoir les dropper sur mes connecteurs svg (chaque connecteur est un groupe contenant des cercles). Mais rien n'y fait.

j'ai essayé de faire appartenir mes groupes à la classe "connector" définie dans mon fichier .css. Avec cela, je peux toujours faire un snap avec mes draggable. Mais les événements de drop ne fonctionnent pas

Que faire ?