Skip to main content
Question

Issue with prototyping dropdown menu


Syckofps

I’ve been working on this project but while making the dropdown menu I ran into an issue.

It seems like when the dropdown menu opens it is good but when I tried to do the prototyping to close it, I ran into some issues.

Here is what i did

Everything seemed good but when I tried to preview it, it would keep opening and closing rapidly as I moved my mouse over the selected navigation title “Shop”

Here is the link to the file (https://www.figma.com/file/OdjhVT0GmbxnFST234Kg7e/Scooter’s-Coffee-2?type=design&node-id=127%3A36&t=vGV8Uh7DO68X9KUT-1)

Thanks for the help guys!

4 replies

Gayani_S
Figmate
  • Community Support
  • 1944 replies
  • May 22, 2023

Hi there,

So, I guess what’s happening is that the prototype gets stuck between a situation where it’s opening an overlay because the mouse is on “Shop”, and also closing the overlay because if the mouse has left “Shop” then it should close. This is why it seems to flicker. To fix this, I’d recommend using interactive components instead of the Overlay feature. An example of what I’m talking about is in the community file.

Hope this helps!


Syckofps
  • Author
  • 2 replies
  • May 23, 2023

Hey Gayani,

This helped a lot with the issue but it started another one 😅 . So now the issue is that the dropdown now will not close after the mouse is off of it and the navigation title moves up with the dropdown making it disappear from the screen. I copied pretty much everything from the figma file you sent me and tried to fix it but couldn’t find a solution.


Gayani_S
Figmate
  • Community Support
  • 1944 replies
  • May 25, 2023

Hi! Apologies for the late response, are you able to share a copy of your file ? I am not sure what could be causing this 🤔


Syckofps
  • Author
  • 2 replies
  • May 25, 2023

Reply


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