Skip to main content

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

Screenshot 2023-05-21 193307


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!

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!

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.


image

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 🤔

Yes of course! https://www.figma.com/file/OdjhVT0GmbxnFST234Kg7e/Scooter’s-Coffee-2?type=design&node-id=0%3A1&t=1lnDiPz99v2UPUWW-1

Reply


Terms & ConditionsCookie settings