Challenging custom Drag and Drop interaction
I am building a custom drag and drop interaction for an onboarding course and can't figure out how to solve the following challenge.
Here's what I want learners to be able to do:
- When they click each object (see picture or story file), a corresponding attribute should appear above the red line (ex: "takes initiative", "direct and specific").
- When they drag the object from its place to the backpack, the attribute should either remain at its place or disappear.
My question is: How do I make those attributes appear and disappear when different objects are clicked? If I add them to the selected states, then when the object is dragged over they will also be dragged over. If I trigger them to show up when object is clicked, then if you go back after clicking other objects and click the same object again, the attributes will not show up anymore.
Let me know if any of you knows how to deal with this.