Navigation Bug: 'About Me' Section Active State Incorrectly Shows 'Skills' When Navigating to 'About Me' Page

[tenthin]

Expected Behavior

When a user clicks on the "About Me" section in the navigation menu:

The user should be directed to the "About Me" page.
The navigation menu should visually indicate that the "About Me" section is active (e.g., by highlighting it or changing its style).
Any other sections (e.g., "Skills") should not appear active at this time.
This ensures that users have a clear and accurate understanding of their current location within the website.

Current Behavior

When a user clicks on the "About Me" section in the navigation menu:

The user is successfully directed to the "About Me" page.
However, the navigation menu incorrectly shows the "Skills" or "Home" section as active, instead of highlighting the "About Me" section.
This creates confusion for users, as it does not accurately reflect their current page in the navigation menu.

Possible Solution

To resolve the navigation issue, implement the following changes:

Update Active State Logic:

Modify the navigation logic to ensure that when the "About Me" page is loaded, the active state of the navigation menu updates correctly to highlight the "About Me" section.
Check Route Matching:

Ensure that the routing mechanism correctly identifies the current page and sets the corresponding menu item as active. This may involve checking the URL or route parameters.
CSS Adjustments:

Review and adjust the CSS styles associated with the active state to ensure that the correct section is visually highlighted.
Testing:

After implementing the changes, thoroughly test the navigation menu by clicking on each section to confirm that the active state updates correctly for all pages.

Screenshots

Browsers Affected

• [*] Chrome

Detailed Description

[joyao]

Thank you @tenthin for reporting. We will take a look soon.