Dropdown Should Close Immediately After Submenu Selection

[Jeffrin2005]

Description

When interacting with the top navigation, clicking a sub-option doesn't close the dropdown immediately. The user has to move the cursor away to make it disappear, which isn't user-friendly. After selecting a sub-option, the dropdown should close instantly, and the user should be taken to the selected page.
https://layer5.io/community
Currently,

issue-1.2.mp4

Expected Behavior

After selecting a sub-option, the dropdown should close instantly, and the user should be taken to the selected page.

Expected Output.

issue-1.mp4

Screenshots

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[Jeffrin2005]

@leecalcote @miacycle @vishalvivekm Can I work on this issue if this is valid ?

[vishalvivekm]

@Jeffrin2005
Let's discuss this during the website call today at 5:30 PM IST

adding it as an agenda item to the meeting minutes.

[yashs33244]

Yes, I want to work on this...

[leecalcote]

I wonder if this issue was verified on today's Websites meeting.

[yashs33244]

Yes it is assigned to me in the meet today.

…

On Mon, Apr 7, 2025, 10:08 PM Lee Calcote ***@***.***> wrote: I wonder if this issue was verified on today's Websites meeting. — Reply to this email directly, view it on GitHub <#6370 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A5NLKZATM6XIZSRBWOWLZP32YKSXLAVCNFSM6AAAAAB2PH6J7KVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOOBTHE2TSNRVGM> . You are receiving this because you commented.Message ID: ***@***.***> [image: leecalcote]*leecalcote* left a comment (layer5io/layer5#6370) <#6370 (comment)> I wonder if this issue was verified on today's Websites meeting. — Reply to this email directly, view it on GitHub <#6370 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A5NLKZATM6XIZSRBWOWLZP32YKSXLAVCNFSM6AAAAAB2PH6J7KVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOOBTHE2TSNRVGM> . You are receiving this because you commented.Message ID: ***@***.***>

[yashs33244]

160e6be
fixed

[leecalcote]

Thanks, @yashs33244. I see that this hasn't been reviewed or merged, yet. Got it. Please sign your commit(s) in https://github.com/layer5io/layer5/pull/6377/files

[leecalcote]

@Jeffrin2005 @yashs33244 let's identify where this regression issue surfaced before considering a new approach. In other words, why did this menu stop closing automatically?

[yashs33244]

The closeDropDown function wasn't configured on the menu item. Also, I committed to the sign-off yesterday — please recheck it.