[Bug]: Menu detaches from trigger on keyboard navigation

[tay1orjones]

Package

carbon-components-react

Browser

Chrome

Package version

10.45.0

Description

For OverflowMenu implementation using unstable_Menu, navigating to a menu item via keyboard causes the container to scroll and the menu to detach from the trigger. I'm not sure if this behavior is intended, I think it's a bug.

CodeSandbox example

n/a - present in storybook

Steps to reproduce

1. Check out the storybook story
2. Click/enter to open the menu
3. Press the down arrow key to move down in the menu items
4. The bug - the container will scroll and the menu will "detach" from the trigger.
5. Go back up via keyboard arrow and the container will scroll back and "reattach" the menu to the trigger

scrolls.on.keyboard.up.down.mov

Code of Conduct

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