Search Icon Overlaps Profile Dropdown Menu Content

[Tharanishwaran]

Description

The search icon's magnifying glass is incorrectly appearing on top of the profile dropdown menu when the menu is opened. This creates a visual conflict where the search icon overlaps with menu items (Cloud, Kanvas, Playground, Logout), affecting the menu's usability and appearance.

Before Profile Dropdown Menu :

After Profile Dropdown Menu :

Expected Behavior

• Profile dropdown menu should appear above all other UI elements when opened
• Search icon should be hidden behind or not intersect with the dropdown menu
• Menu items should be clearly visible without any overlapping elements

Screenshots

Environment:

• Host OS: Debian 12
• Browser: Firefox

---

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.

[leecalcote]

Thanks for highlighting this!

[Tharanishwaran]

Thank you @leecalcote for assigning me to this issue!

[moazzam07]

Hi, is this issue still open i would like to work on this.

[Tharanishwaran]

@moazzam07 , I'm still working on this. I'll update soon.

[vishalvivekm]

@Tharanishwaran looks we're in need of reassigning the issue here. Pease let me know, if otherwise.

[Alphamoris]

If the issue is still open, I could potentially solve this out

[vr-varad]

hey @vishalvivekm I could work on this issue

[Souradip121]

The issue is not there anymore; ig it needs to be closed @vishalvivekm

[DEEP-600]

@leecalcote I think the issue resolved.

[leecalcote]

@Souradip121 @DEEP-600, that'd be good news. Please confirm the fix by pointing out a recent code change addressing this. Otherwise, it might be that you're using a different browser or OS from the original issue reporter.

[DEEP-600]

Hi @leecalcote,

I've tested this on multiple browsers — Chrome, Brave, Firefox — and on macOS as well. The issue with the search icon overlapping the profile dropdown is no longer present across any of these environments.

The fix was introduced in this PR: #6377, which ensures the dropdown appears above other UI elements as expected.

However, one minor issue still exists: clicking outside the profile dropdown doesn't close it automatically. This might need a small follow-up fix.

Thanks!