[Bug]: <Dropdown> in <Dialog> renders the dropdown box too long

[chenxinyanc]

Library

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

System Info

(Using CodeSandbox)

"@fluentui/react-components": "9.18.6"

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/dropdown-dialog-long-list-5iwjsr

Bug Description

Actual Behavior

Dropdown box inside the Dialog seems to get extended over the top of the web view. There is no vertical scrollbar.

Expected Behavior

Dropdown box outside the Dialog chooses a suitable height and I can scroll through the items with vertical scrollbar.

Logs

No response

Requested priority

High

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.

[adamma1024]

I got this issue as well. Looks like it didn't consider the current position while calculating the max-height

[sumitshinde-84]

I would like to work on this issue, can you please assign it to me?