[Bug]: The input component in the drop down list cannot be used

[dry-bread]

Library

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

System Info

System:
    OS: Windows 10 10.0.22635
    CPU: (8) x64 Intel(R) Core(TM) i7-1065G7 CPU @ 1.30GHz
    Memory: 11.36 GB / 31.60 GB
  Browsers:
    Edge: Chromium (121.0.2277.4)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/p/sandbox/unruffled-wind-mns5sx?file=%2Fsrc%2Fexample.tsx

Bug Description

Actual Behavior

After I upgrade the package '@fluent/react-component ' dependency versions from '^9.37.0' to '^9.42.0', the input component in the drop down list cannot be used anymore. bug example

Expected Behavior

the input component in the drop down list can be used.

Logs

No response

Requested priority

Blocking

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.

[dry-bread]

When can this bug be expected to be fixed? This bug affects our product's online functionality.

[ling1726]

@dry-bread This is by design. The combobox popover should not contain elements that are focusable by tab since that would not be accessible. We follow the WAI's combobox guidance in this implementation https://www.w3.org/WAI/ARIA/apg/patterns/combobox/

[microsoft-github-policy-service[bot]]

Because this issue is marked as by design and has not had activity for over 3 days, we're automatically closing it for house-keeping purposes.