Description

There is inconsistent behavior when toggling between Overview and Code tabs in the Avatar-related component pages.

When clicking on the Code tab:

• The Overview content hides,
• However, the page remains visually positioned on the Overview section,
• The Code section does not properly activate until clicking elsewhere on the page,
• After interacting again, the Overview hides unexpectedly,
• The issue resolves temporarily if the page is refreshed or if another component is selected from the menu.

This behavior appears to be limited to Avatar and AvatarGroup components only.

Expected Behavior

Clicking the Code tab should:

• Properly switch to the Code section,
• Scroll or focus correctly,
• Show Overview content cleanly,
• Not require additional clicks or page refresh.

Video For Reference

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.