Fix: Account menu dropdown does not close when clicking outside

[rishiraj38]

Description

Currently, when a user clicks on the Account section in Layer5, the account menu/dashboard dropdown remains open even after clicking elsewhere on the screen.
Ideally, the dropdown should automatically close when the user clicks outside of it.

Alternatively, we could make it behave like the navbar dropdown, where:

• Hovering over the account section displays the dropdown items.
• Moving the cursor away automatically hides the dropdown.

This enhancement will improve the overall user experience and ensure consistent behavior across interactive components.

Expected Behavior

• The account dropdown should close automatically when the user clicks anywhere outside of it.
  OR
• The dropdown should appear on hover and disappear when the cursor leaves the area (consistent with the navbar’s behavior).

Screenshots

Screen.Recording.2025-10-23.at.5.56.16.PM.mov

---

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.