[Bug]: Accordion collapse/expand intermittently shows scrollbar

[15MariamS]

Library

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

System Info

System:
    OS: macOS 14.6
    CPU: (14) arm64 Apple M3 Max
    Memory: 62.73 MB / 36.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 128.0.6613.113
    Edge: 128.0.2739.54
    Safari: 18.0

Are you reporting an Accessibility issue?

None

Reproduction

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

Bug Description

Actual Behavior

When you expand or collapse an accordion, the scrollbar becomes visible during the action

Expected Behavior

No scrollbar as the accordion is expanding or collapsing

I'm not able to repro it in the stackblitz, but here's a screenshot of what it looks like; notice the scrollbar on the right, which shows up only while the accordion panel is expanding or collapsing

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[marcosmoura]

@15MariamS Could you try to make a reproducible example on Stackblitz? It is super hard for us to know if this is due to the component itself or if the issue might be on the context where it is put