Skip to content

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

Description

@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.

image

Expected Behavior

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

image

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions