Skip to main content
Question

Why does two tap interactions not work successively on the same mobile frame? In prototype, tap element 2 won't work if I have already tapped element 1 and vica versa

  • July 23, 2024
  • 1 reply
  • 45 views
Pooja_Martina_Lakra

Hi everyone! There are two elements in my design that interact when tapped. Screen1: Consists of a list of files. Select one to go to Screen2. Screen2: I want to click a heart button that changes color on tapping (using open overlay). After this, I want to go back to Screen1. However if I click the heart button, back button won’t work. But If I do not click the heart button, the back button works. Only one of them works. How to make them work together? I tried changing the heart button from click to after delay, but the problem persists.

This topic has been closed for replies.

1 reply

D
  • Duane34
  • 3 replies
  • July 29, 2024

Hi there!

It seems like there’s an issue with overlapping interactions. Here are some steps to resolve it:

  1. Check Overlays: Ensure the heart button’s overlay isn’t blocking the back button interaction. The overlay should close after the heart button is tapped.
  2. Interaction Order: Set the back button interaction to trigger after the heart button interaction completes. You can do this by adding a delay or condition.
  3. Simplify Interactions: Make sure each interaction (heart button and back button) works independently. Avoid complex dependencies between them.

By following these steps, both interactions should work seamlessly. If the issue persists, consider sharing your prototype for more specific help.

Good luck!

Terms & ConditionsCookie settingsAccessibility statement