[Bug]: Toolbar buttons not accessible through Tab key. Only overflow is tabbable

[alcail]

Component

Toolbar

Package version

^9.72.7

React version

^18.2.0

Environment

https://storybooks.fluentui.dev/react/?path=/docs/components-toolbar--docs

Current Behavior

Focus goes directly to the "Reset zoom" button outside of Toolbar after pressing Shift+Tab key from the overflow Toolbar (skipping previous controls inside the Toolbar)

Expected Behavior

Focus goes to "Reset font size" button inside the Toolbar after pressing Shift+Tab key from the overflow Toolbar (going to previous button inside the Toolbar)

Reproduction

can repro in story book page of Toolbar

Steps to reproduce

1. Go to Toolbar storybook page: https://storybooks.fluentui.dev/react/?path=/docs/components-toolbar--docs
2. on the default Toolbar, click on the overflow to open it
3. press Escape key to close it, then press Shift+Tab keys to go to the previous focusable element and see where the focus lands

Are you reporting an Accessibility issue?

yes

Suggested severity

Urgent - No workaround and Products/sites are affected

Products/sites affected

PPT Live and any other site using Toolbar component

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.