[SideNav Menu] Search in sidehav menu is overlapping with sidenav menu items

[meshack-chintagunta]

What package is this for?

• carbon-addons-iot-react

Describe the bug

We seeing that search option is side nav menu is overlapping with other menu items in the side nav.

To Reproduce

Login to carbon-addons-iot-react storybook --> go to sidenav component --> select SideNav --> enable all the knobs options expand all menu items, and we can see the scroll in for sidenav menu scroll down. We can observe this behavior. Steps to reproduce the behavior:

Expected behavior

It should overlap on each other.

Environment/versions:

• OS: MacOS
• Browser: chrome, safari, firefox
• carbon-addons-iot-react version: Storybook 6.2.9

Additional context

https://next.carbon-addons-iot-react.com/?path=/story/1-watson-iot-ui-shell-sidenav--side-nav-component

[jessieyan]

@meshack-chintagunta Hello, I could not reproduce it in my environment. Anything else I could try? I see in the screenshot of pal storybook they are not overlapped but in the screenshot of graphite they are overlapped. And there are multiple pinned links in graphite screenshot. Should I try with multiple pinned links to reproduce it? Thanks!

[kalyanixraut]

Hello @jessieyan, If you set isPinned prop for Home to false and then try to use the scroll you should be able to reproduce it in PAL. Attached is a screen recording for reference.

https://user-images.githubusercontent.com/22093326/187839488-ebccdd86-259f-4597-a51d-9646f9d4c11e.mov