Skip to content

Drawer compoent does not show bottom divider when content expands. #32201

@aathavale-microsoft

Description

@aathavale-microsoft

Library

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

System Info

System:
    OS: macOS 14.5
    CPU: (10) arm64 Apple M1 Max
    Memory: 112.89 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 127.0.6533.89
    Edge: 127.0.2651.74
    Safari: 17.5

Are you reporting an Accessibility issue?

None

Reproduction

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

Bug Description

Actual Behavior

We are using Drawer Component in our react app.

The content of the drawer are dynamic. And it has header and footer.

When contents of the drawer expand while we are at the bottom of contents in the drawer, the divider at the top of drawer bottom does not appear.

Expected Behavior

When contents of the drawer expand while we are at the bottom of contents in the drawer, the divider at the top of drawer bottom should appear.

Logs

No response

Requested priority

Blocking

Products/sites affected

No response

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.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions