drag and drop issue with grouping object


I am bit confused with drag and drop behavior.

if i drag the group of items and drops near to target, it shows the changes that object is dropped properly. however this is not right situation.
This functionality is working perfect if i removes the extra object in drag group.

Here drag group is (blue and green) 2 rectangles and drop target is red rectangle. As seen in picture, though it is not dropped properly, it shows dropped.
If i remove the green rectangle from group then it works pixel perfect.

Here is .story file in attachment for more details.

Any help will be greatly appreciated!

6 Replies
Melanie Gregory

I'm trying to create an exercise where the user drags and drops an item to a caption box.  I've grouped the items and assigned the caption, yet the last caption disappears. The items have been grouped.  Is the only way to do this is by using States. If so, can you elaborate on the "how to" as of now I can' see the logic, sorry :(

Ashley Terwilliger

Hi Melanie and welcome to Heroes! 

Would you be able to share your .story file here with us so that we could take a look at what you've got set up? Also, let us know what you're looking to accomplish in terms of do you want any/all/none of them to disappear. If you'd prefer to not post it in the forums please feel free to share it with our Support team and they'll be happy to take a look. 

Crystal Horn

Hi there, Jennifer. To shed some light on what's happening in this setup (no pun intended), the trigger to reveal the layers is just applied to one object in the group. In order to make objects draggable, they need to have a trigger with dragging action. Since the trigger doesn't apply to the shadow image, the group isn't draggable.

The alternative is to apply the trigger to the group, but because the shadow image is so large, it is being dropped on everything on the slide. This is probably why you tried to use the smaller oval as a drag item.

I'll defer to the community for ways to achieve this cool design idea!

Jerry Beaucaire

Another approach that can result in similar experience would be using hover states states.   Put "shapes" around your image hiding things with a 90% transparency so they can barely see the items.  Add a hover state to that shape the changes to 60% transparency so the image starts to get clearer.  They can click to see the entire item.

You can set the Visited state to 40% transparency ...