MenuItems are not fullWidth if TextField is fullWidth

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

If a TextField is set to fullWidth and used as a Select, the MenuItems should be as wide as the input (and Menu).

Current Behavior

The Menu is the same width as the TextField, but the MenuItems are not the correct size.

Steps to Reproduce (for bugs)

<TextField fullWidth select  label="Days and Stuff">
    <MenuItem value={0}>Today</MenuItem>
    <MenuItem value={1}>24 Hours</MenuItem>
    <MenuItem value={7}>7 Days</MenuItem>
    <MenuItem value={15'}>15 Days</MenuItem>
    <MenuItem value={30}>30 Days</MenuItem>
</TextField>

Context

This just looks wonky - its not critical but people think our app is broken. In the meantime, I’ve used the native prop to skirt around the issue.

Your Environment

Tech	Version
Material-UI	beta 33
React	15.x
browser	Chrome / FF
etc

[benmarte]

Another alternative is to use an override on the List component, i.e:

MuiList: {
      root: {
        width: '100%',
      },
    },

[theY4Kman]

This can be used as a workaround:

<TextField fullWidth select SelectProps={{ MenuProps: { MenuListProps: { style: { width: '100%' } } } }}>