DropDownMenu autoWidth not working

[yanickrochon]

Description

I am using a DropDownMenu to select a unit of measure in an app I'm working on, and since the app is localized, I'm attempting to make the UI as dynamic as possible to accommodate various locales' word length, etc.

However, using autoWidth on the DropDownMenu component results in this UI

Link to minimally-working code that reproduces the issue

http://www.webpackbin.com/4JSrK1HNz

Versions

• Material-UI: 0.16.5
• React: 15.4.1
• Browser: Google Chrome 55.0.2883.87

[jrschifa]

To add to this, It would appear that autoWidth is not passed down to the Menu component. I'm not sure if this is intentional or just an oversight.

[mbrookes]

It's being consumed here: https://github.com/callemall/material-ui/blob/master/src/DropDownMenu/DropDownMenu.js#L339

I'm note sure that the use of secondaryText in DropDownMenu's MenuItems was anticipated...

[yanickrochon]

Well, it was not specified anyway. 😉

[jrschifa]

Yes, but since autoWidth isn't passed down, setWidth() always runs potentially resulting in a different width than the one passed in menuStyle

[danielwaltz]

Running into this issue myself. Any updates?