🐛 Bug - UX - Dropdown Menu Keeps Open on Link Click - Should be Closed so Users Can See the Content

Requested by: Marina Gerber via YakShaver.ai 🦬
cc: Marina Gerber, @brookjeynes-ssw, @adamcogan, @babakamyljanovssw

Hi Team!

  🟥  Watch the video (57 sec)

  Url from screen share: https://www.ssw.com.au/consulting

Pain

Fix the issue where the dropdown box does not minimise when clicking the 'SSW Services' button on the SSW Website (Dev - Next.js). The dropdown should minimise upon clicking the button to allow users to navigate further into the services offered.

Acceptance Criteria

1. The dropdown box minimises when the 'SSW Services' button is clicked.
2. Users can navigate further into the services offered without needing to click below the button.
3. The functionality is consistent across all browsers supported by the SSW Website.

Reproduce Steps

1. Navigate to the SSW Website (Dev - Next.js).
2. Locate the 'SSW Services' button.
3. Click the 'SSW Services' button.
4. Observe that the dropdown box does not minimise.
5. Click below the button to see the dropdown minimise.

Screenshot

Figure: Dropdown box fails to minimize after button click

Start by reproducing the issue on the SSW Website development page at https://www.ssw.com.au/consulting and trace the SSW Services dropdown implementation in the Next.js project. Verify the click behavior across supported browsers, and consider the work done when clicking the button closes the dropdown and allows users to navigate the services without clicking elsewhere.