Library

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

System Info

System:
    OS: Windows 10 10.0.22631
    CPU: (12) x64 Intel(R) Xeon(R) E-2176M  CPU @ 2.70GHz
    Memory: 18.31 GB / 31.74 GB
  Browsers:
    Edge: Chromium (122.0.2365.92)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

None

Reproduction

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

Bug Description

When user use the navigation prop "navigation" then navigation is not working as execpted.

Repro steps:
Navigate to the URL example
open the dialog

Actual Behavior

user can use down/up arrows inside the accordion
then it bring a lot of misunderstanding and wrong navigation... if needed I can provide more details...

Expected Behavior

based on APG pattern
https://www.w3.org/WAI/ARIA/apg/patterns/accordion/examples/accordion/
such navigation is not supported.

Proposal fix: remove the "navigation" prop

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

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