Can't click anything in responsive sidebar unless scrollbar is at the top

[KianNH]

Context

This makes the responsive layout difficult to use on mobile.

Current Behavior

With a responsive layout, attempt to expand the sidebar, scroll at all and then try expand any of the sections - this will instead scroll you to the top of the sidebar.

Expected Behavior

Clicks should register and expand the section rather than scrolling to the top.

Possible Workaround/Solution

Users would have to use a different layout, such as sidebar or stacked.

Steps to Reproduce

1. Go to https://deploy-preview-2599--stoplight-elements.netlify.app/?path=/story/public-api--responsive-layout
2. Click on the 3 lines in the top left
3. Scroll down slightly
4. Attempt to click on, for example, Dashboards

Screen.Recording.2024-06-22.at.00.36.38.mov

Environment

• Version used: 8.3.2
• Environment name and version: Chrome 125
• Operating System and version: Desktop
• Link to your environment/workspace/project: N/A, can be repro'd on Stoplight's own previews

[github-actions]

This ticket has been labeled jira. A tracking ticket in Stoplight's Jira (PROVCON-2717) has been created.