ContextualMenu item is not ellipsed

[fildahui]

Library

React / v8 (@fluentui/react)

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (12) x64 Intel(R) Core(TM) i7-9850H CPU @ 2.60GHz
    Memory: 15.14 GB / 31.73 GB
Browsers:
    Chrome: 102.0.5005.115
    Edge: Spartan (44.19041.1266.0), Chromium (102.0.1245.41)
    Internet Explorer: 11.0.19041.1566

Reproduction

https://codesandbox.io/s/sweet-spence-tw88p4

Bug Description

Actual Behavior

The contextual menu is not ellipsing its items when they exceed the available width defined by the callout container

Expected Behavior

Items exceeding the available width should be ellipsed (their text content)

Requested priority

Normal

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.

[gouttierre]

@fildahui - Thanks for filing this issue with us. To set expectations the developers will review this issue once capacity allows.

@spmonahan - Would you be able to confirm if this is a regression, or if this behavior is an issue?

[spmonahan]

This looks like a bug. text-overflow: ellipsis is being applied to the text but the container itself is expanding beyond the width of the ContextualMenu.

[bishalkar10]

Hi, I am very new to programming. I would like contribute to open source. Can someone confirm if I am eligible for this ....?

[spmonahan]

If you can follow the contributing guide, code up a fix and file a PR I don't see why you wouldn't be eligible :)

[Shubhabrata08]

Couldn't repro the issue in the latest version.... Has this issue been fixed in some other PR?

[thesharifi]

@spmonahan, I am interested in contributing to this repo, what is the status of this issue, if it is not resolved yet, please assign it to me.

[ganesshkumar]

#26591 fixed this issue. This can be closed now.

[microsoft-github-policy-service[bot]]

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service[bot]]

Because this reported issue has not had any activity for over 180 days, we're automatically closing it for house-keeping reasons.

Still require assistance? Please, create a new issue with up-to date details and latest version of Fluent.