[Bug]: Overlay DrawerBody scroll bar is hidden when the main View already has a scrollbar

[KarlsonxD]

Component

Drawer

Package version

9.53.0

React version

18.3.1

Environment

System:
    OS: Windows 10 10.0.19045
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12800H
    Memory: 6.24 GB / 31.69 GB
  Browsers:
    Edge: Spartan

Current Behavior

Drawer Scrollbar is hidden when the Main Website View already has a scrollbar, but when the main view doesn't have a scrollbar and the drawer body content is long enough, a scrollbar is automatically shown in the Drawer.

Expected Behavior

Always show a Drawer Scrollbar when the content is long enough to scroll. Not only when the drawer content is scrollable and the main Website View has no scroll bar.

Reproduction

https://stackblitz.com/edit/2gydwh-t95q8t19?file=src%2Fexample.tsx

Steps to reproduce

fluentui_overlay_drawer_scroll_bug.mp4

Are you reporting an Accessibility issue?

None

Suggested severity

Urgent - No workaround and Products/sites are affected

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.