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.
Page 1 / 1
Hi there!
It seems like there’s an issue with overlapping interactions. Here are some steps to resolve it:
- 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.
- 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.
- 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!
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.