Tap element inside scrollable container


I have created a container (items) that contains several rectangles, each rectangle represents an item.

I have added the items container to the another container (main) and I have made the items container scrollable, so that the user can  scroll up and down the list of items.

I want the user to have the ability to tap on an item in the list and then be redirected to the details of that item (another state of the main container).

To achieve this, in the items container I have defined the following interaction for each rectangle: on tap, it will change the state of the main container.

Unfortunately the prototype doesn't respond to the taps... it only allows me scrolling the items container up and down.

How can I achieve the desired behaviour?

Thanks in advance!


Please sign in to leave a comment.