Skip to main content
Question

Swap overlay seems to disable all other prototype actions


Caitlin_Marr

Here is what I am trying to build:

Page has multiple options to select
After you are done selecting, you click “next” button to navigate to the next page

But currently it seems like I can only click once in my prototype. Here is my prototype:

Figma – 4 Jun 21

Some other context:
I have the 4 options ( “Company Logo Socks” etc) set up as components. For each of those, on hover, there is a new state, and then when you click on the hover it swaps the overlay to show it is selected.

That’s where the issue happens – once I click on the component to select it, I can no longer get the hovers to work on the other elements, or can’t click the next button.

Any thoughts here?

This topic has been closed for replies.

5 replies

tank666
  • 4873 replies
  • July 15, 2021

Hey @Caitlin_Marr, yes, the overlay appears on top of everything, and in order to be able to interact with other elements (which are overlapped), you need to close the overlay.

Interactive components (beta) help you create the things you want. More details: ▶ Sign up for the Interactive Components beta →


Caitlin_Marr

@tank666 Rats! I was afraid of that.

I signed up for the beta, since that seems like it would help! Do you know how long it takes to get approved? Was hoping to get this prototype out today 😅


tank666
  • 4873 replies
  • July 15, 2021

Usually you need to wait 3 business days.


Caitlin_Marr

Gotcha, thank you for the help and info!

I figured out a workaround by having the click navigate to a new identical page. More work for me, but it’s doable for now!


  • 0 replies
  • August 14, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings