[Bug]: Dialog Component: can't scroll with keyboard in 'Long content' example

[ferBonnin]

Component

Dialog

Package version

default from storybook

React version

default from storybook

Environment

Storybook

Current Behavior

in the Dialog Scrolling Long Content example, the dialog content is not scrollable with keyboard

Expected Behavior

The dialog should be scrollable. As Sarah shared, when there isn't any focusable content (links) inside the dialog, like in this example, we should add tabindex="0" on the <DialogContent>

Reproduction

https://storybooks.fluentui.dev/react/?path=/docs/components-dialog--docs#scrolling-long-content

Steps to reproduce

1. go to dialog scrolling long content
2. open the dialog with keyboard.
3. try to scroll the text using keyboard

Are you reporting an Accessibility issue?

yes

Suggested severity

Medium - Has workaround

Products/sites affected

storybook. Workaround is already provided in this bug report

Are you willing to submit a PR to fix?

yes

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.

[ferBonnin]

@smhigley filed this bug to keep track of the issue reported.