Fluentui: Dropdown: ellipsis for dropdown items with long strings

[prashkan]

Bug Report

• __Package version(s)__: 2.10.3

Priorities and help requested (not applicable if asking question):

Are you willing to submit a PR to fix? No.

Requested priority: Normal.

Products/sites affected: Visual Studio Team Services - Package Management

Describe the issue:

Dropdown items having long strings tend to overflow instead of being truncated:
https://postimg.org/image/bv32vad8r/

Adding a maximum width and ellipsis would be great.

[dzearing]

I think you're on an old build. Here's what I see:

http://codepen.io/dzearing/pen/YpVbYY?editors=0011

It could also be that there is styling affecting it. You should be able to add a className to it and style the container to be a fixed width or have a max width.

[prashkan]

@dzearing I actually meant the text oveflows when the dropdown is open. Screenshot from your codepen, slightly modified:

[micahgodbolt]

Ah yeah, we did similar work for tag picker. Seems we should do it for dropdown too.