[Bug]: <MenuItem> text overflow behavior is weird and inconsistent

[chenxinyanc]

Library

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

System Info

N/A (Using Code Sandbox)

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/menu-overflow-behavior-8itymw?file=/example.tsx

Bug Description

Actual Behavior

Expected Behavior

I'm not sure, but at least the menu content shouldn't brim out of the menu border or get wrapped.

In Fluent UI v8, the menu gets extended horizontally automatically if the text is too long.

Logs

No response

Requested priority

Normal

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.