Draggable Multiple Instance Not Working

[Alp 1 Likes (Newbie)]

Hello,

 

I want to add path when I click the ADD PATH button but draggable motion always working just for last created one. 

 

Please, try to add 2 paths with the add button and try to drag old one. You can see the problem.

 

Can you help me?

 

CodePen: 

 

Thanks,

See the Pen yLPPMOB by alpbla (@alpbla) on CodePen

[OSUblake 18,474 Likes (Superhero)]

Hi Alp,

 

It works, the problem is that you are placing a brand new SVG on top of the old one, so the new one is blocking the events to old. You would need to place new paths inside the same SVG to prevent that.

[Alp 1 Likes (Newbie)]

1 hour ago, OSUblake said:

Hi Alp,

 

It works, the problem is that you are placing a brand new SVG on top of the old one, so the new one is blocking the events to old. You would need to place new paths inside the same SVG to prevent that.

Hello , Thank you for fast reply, I solved the issue. Firstly, I created a main svg container then instead of using html string, I used d3.js to dynamically append circles and path. It works