[Bug]:

[nvazhayil]

Library

React / v8 (@fluentui/react)

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1185G7 @ 3.00GHz
    Memory: 19.26 GB / 31.62 GB
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (104.0.1293.47)
    Internet Explorer: 11.0.19041.1566

Are you reporting Accessibility issue?

yes

Reproduction

https://codepen.io/dbjorge/pen/qBpMabe

Bug Description

Actual Behavior

https://fabricweb.z5.web.core.windows.net/oufr/8.55.3/#/examples/dropdown This is related to behavior of dropdown when accessed via keyboard. When the browser is maximized, pressing on spacebar will open the dropdown inline and when you press DOWN arrow, the 2nd item in the list is selected.

No, resize the browser so that when we press on spacebar, the dropdown opens as a panel. Press DOWN arrow and you will see that the 3rd item in the list is selected.

On navigating the dropdown via arrow keys on keyboard, there is inconsistency in the item that is selected, when the browser is maximized and resized.

Expected Behavior

The selected item should be consistent irrespective of whether the browser is maximized or resized.

Logs

No response

Requested priority

Normal

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.