drag and drop Assign text to many rectangles using drag and drop and cloning the text

[max123]

Hi! I don't know how to drag the text on the right and drop it above the rectangles. I have to repeat this operation therefore cloning the textis needed. I guess it is similar to this issue: 

Many thanks in andvance!

See the Pen eYKEvgz by max231 (@max231) on CodePen

[GreenSock]

The problem is that when you're working with SVG, there's no such thing as z-index to make things appear on top of others. You have to literally append the element so that it's the last element in the children of the <svg>. In other words, it's completely dependent on the order in the DOM. 

 

You also had some faulty logic in your loop but I assume you wanted something like this: 

See the Pen NWzvMRV?editors=1010 by GreenSock (@GreenSock) on CodePen

 

I don't have time to dig into what you're trying to do with all those .children() calls inside your hitTest() - I'd bet that a ton of that could be greatly simplified but we just don't have the resources here to provide free general consulting services for logic issues. Same goes for your cloning stuff. We're happy to answer any GSAP-specific questions, though. 

 

Good luck!