[Bug]: Menu - opening menu with arrow down unexpectedly scrolls the menu list if there is scrollbar

[jurokapsiar]

Library

React Components / v9 (@fluentui/react-components)

System Info

any system in the universe

Are you reporting an Accessibility issue?

no

Reproduction

https://stackblitz.com/edit/t42dzs?file=src%2Fexample.tsx

Bug Description

Actual Behavior

Menu opens and it is scrolled

Expected Behavior

Menu opens without any scrolling

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[micahgodbolt]

[miroslavstastny]

Workaround: add preventDefault to onKeyDown:

          <MenuButton
            onKeyDown={(e) => {
              if (e.key === 'ArrowDown') {
                e.preventDefault();
              }
            }}
          >
            Trigger
          </MenuButton>

[swapanmandi]

Remove and add custom CSS