IDropdownStyles not working, it gets overwritten

[Rafaelki]

Environment Information

• Package version(s): latest

Please provide a reproduction of the bug in a codepen:

https://codepen.io/rafaelki/pen/KKgdPOj

Actual behavior:

The width of the callout passed in the "styles" property gets overwritten, so there is not way to set the width of the callout to 'auto' in order to display long options.

Expected behavior:

I would expect that the properties that I pass to the component take effect, overwritting the default behaviour.

Priorities and help requested:

Are you willing to submit a PR to fix? No

Requested priority: Normal

[JustSlone]

Actually with dropdown since there is coordination between the dropdown and the callout, the callout width is controlled via the dropdownWidth prop.

See this line from Dropdown for reference

fluentui/packages/react/src/components/Dropdown/Dropdown.base.tsx

Line 635 in 24d2007

calloutWidth={dropdownWidth || (this._dropDown.current ? this._dropDown.current.clientWidth : 0)}

You can set the dropdownWidth prop on DropDown to "auto"

Here's an updated codePen

[gyrevik]

I'm trying to control the react-northstar dropdown width through a number like 50px but I can't make it take.

[Rafaelki]

Thank you very much @JustSlone