title: Set the width of material UI select based on label size
body: <p>I've got a <code>select</code>:</p>
  
  <pre><code>&lt;FormControl className={classes.formControl}&gt;
      &lt;InputLabel htmlFor="age-native-simple"&gt;{this.props.label}&lt;/InputLabel&gt; 
      &lt;Select
              native
              value={this.state.value}
              onChange={this.handleSelectChange('value')}
          inputProps={{
              name: this.props.label,
              id: this.props.id,
          }}
          &gt;
          {this.buildSelectOptions(this.props.options)}
      &lt;/Select&gt;
                          {(this.props.helperText)?&lt;FormHelperText&gt;{this.props.helperText}&lt;/FormHelperText&gt;:null}
  &lt;/FormControl&gt;
  </code></pre>
  
  <p>The formControl class looks like this:</p>
  
  <pre><code>formControl: {
      margin: 0,
      fullWidth: true,
      backgroundColor: '#9ee',
      wrap: 'nowrap'
  },
  </code></pre>
  
  <p>It works reasonably well - sizing itself to be as small as possible while still showing the largest possible <code>option</code> value.</p>
  
  <p>Unfortunately, when the <code>InputLabel</code> is longer than the contents of the select <code>options</code> ... the label wraps and looks terrible.</p>
  
  <p>How can I keep my select from wrapping the input label?   I'd like it to simply expand the select as needed, as it does when there is a long entry in the <code>option</code> list if possible.  Setting a "minWidth" isn't my preferred solution for many reasons (mainly that this component is used by a bunch of different things and calculating the minWidth of them all would be difficult)</p>