Skip to content

Bug: Nested API sidebar overlapping menu defaults to "Properties" when clicking individual Events/Methods #7271

@snehil002

Description

@snehil002

Expressjs.com website has a fresh new look. Thanks for the great work on that!

There is a bug in the documentation website which can be restated as:
API sidebar overlapping menu defaults to "Properties" when clicking other sub-menu's listed items like individual "Event" or "Method".

For example, when clicked on Application Event or Application Method, the left overlapping sidebar changes to show Application Properties.

This is like defaulting to displaying the contents of the first openable sub menu item of an API menu item (like Application) when clicked on an item that opens under either 2nd or 3rd openable sub menu item of the API menu item.

Environment information

Version: Not Needed (latest website issue)

Platform: Windows 11 (64-bit)

Node.js version: Not Needed (latest website issue)

Any other relevant information:

Browser and version: Google Chrome - Version 148

Device: PC and mobile

Bug Location

Before clearly stating the issue, I would like to locate the bug on the website:

Fixed left sidebar has buttons:

  • Docs
  • API
  • Resources

Click API. Another sidebar on the left gets created that shows:

API

  • Overview
  • express()
    • Overview
    • Methods ->
  • Application
    • Overview
    • Properties ->
    • Events ->
    • Methods ->
  • Request
    • Overview
    • Properties ->
    • Methods ->
  • Response
    • Overview
    • Properties ->
    • Methods ->
  • Router
    • Overview
    • Methods ->

What steps will reproduce the bug?

Under Application, click Events. An overlapping sidebar appears that shows:
Application Event items namely:

  • app.on('mounts')

However, on clicking the Application Event app.on('mounts'), the overlapping sidebar changes to show:
Application Properties items

Whereas, it should continue to show Application Event items.


This is the same if I click an Application Method too - the overlapping sidebar for the Application Properties appear instead of the sidebar for the Application Method items.


This is the same for Request Method too. If I click a Request Method - the overlapping sidebar for the Request Properties appear instead of the sidebar for the Request Method items.


This is the same for Response Method too. If I click a Response Method - the overlapping sidebar for the Response Properties appear instead of the sidebar for the Response Method items.

PR offer

I'd be happy to open a Pull Request to fix it if you can point me to the layout component responsible.

Metadata

Metadata

Assignees

No one assigned

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions