Package

@carbon/react

Browser

Chrome, Firefox

Package version

1.40.0

React version

16.13

Description

When zooming over 175% on my browser or settign the view width to < 1056px the SideNav becomes unclickable when collapsed. I'm using the SideNav as a controlled component but if I use it with the isRail prop it works as expected.

Reproduction/example

https://stackblitz.com/edit/github-ked8wj?file=src%2FApp.jsx

Steps to reproduce

1 - Set the browser width to < 1056px or zoom in the page.
2 - Close the SideNav with the toggle button.

Expected result: User should be able to open the SideNav again.
Actual result: User cannot click on the SideNav.

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

IBM RPA

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems