[SelectField] DropDownMenu width

[deepfriedbrain]

I'm not able to control the width of the DropDownMenu using the menuStyle property on the SelectField component. Setting a width in the menuStyle changes the width of the select field itself (see the screenshot below) but doesn't change the width of DropDownMenu. This seems to be a bug.

There's a maxHeight property for the DropDownMenu that works well for the height. But I couldn't find a way to control the width.

• Material-UI: 0.15.2
• React: 15.3
• Browser: Chrome 49x

[gausie]

menuStyle is actually misnamed here, as it does not pass through to the menuStyle property on the DropDownMenu as one might expect, instead passing through to the style property. This means that there is no direct way to change the inline styles of the Popover Menu itself.

[cryptic-mystic]

@gausie well that's confusing.... Any way we can control the width? Having a popover with a width bigger/smaller than a sized select is confusing for users

[gausie]

Afaik you can now pass down styles to a popover. I think i fix landed a few weeks ago, but can't remember where just now

[cryptic-mystic]

Ok thanks, I'll dig around a bit and see if I can figure something out