Draggable Target Ignoring Hidden State
Mar 11, 2023
I am building an interaction where I have multiple draggable targets overlaying each other. I am trying to hide and unhide these targets based on a condition. However, when dragging an object over the hidden targets, they block targets which are not set to hidden but are lower on the timeline.
I assumed setting the state of an object to hidden, that object should act just as it does when you select to hide the object on the timeline. But ONLY in the case of draggable objects, this does not seem to be the case. Am I missing something?
I've attached a sample file. If you drag the object labeled Drag_1 over to Drag Target 1_2 set to Normal, the Drag_Over state renders as expected EXCEPT in the area covered by Drag Target 2_3 which is set to Hidden. If you run the test again, but this time turning Drag Target 2_3 to Hide using the toggle on the Timeline, it works as desired.
1 Reply
Hello Mary-Scott!
I was eager to open your file to begin troubleshooting this one with you! I've opened your .story file and tested the instructions you've listed! Thank you for including those!
I've noticed an inactive spot where Drag Target 2_3 is located, which is expected because the "Hidden" state doesn't mean that the object doesn't exist on the slide. It means that it is just not visible. With that in mind, have you considered adding a trigger to change the state of Drag Target 2_3 to Normal after the user has already dropped Drag 1?
I'm happy to collaborate on another setup if you can share what you have in mind!