title: Select, OutlineInput label with shrink property not same as TextField when empty
body: <p>If I use a TextField component, and set InputLabelProps={{shrink: true}}, the Label stays at the top of the TextField, and the outline is cut to show the Label correctly.</p>
  
  <p>However, if I use Select component, as follows :</p>
  
  <pre><code>&lt;FormControl variant={ this.props.variant }  className={ classes.formControl } fullWidth&gt;
              &lt;InputLabel
                  ref={ (input) =&gt;{ this.inputLabel = input }}
                  htmlFor={ this.props.id }
                  shrink={ true }&gt;
                  { this.props.label }
              &lt;/InputLabel&gt;
              &lt;Select
                  id={ this.props.id }
                  value={ this.props.value }
                  onChange={ this.onChange }
                  input={
                      &lt;OutlinedInput
                          labelWidth={ this.state.labelWidth }
                          name={ this.props.id }
                          id={ this.props.id }
                      /&gt;
                      }
                  &gt;
                  { this.props.options.map(option =&gt; (
                      &lt;MenuItem key={ option.value } value={ option.value }&gt;
                          &lt;em&gt;{ option.label }&lt;/em&gt;
                      &lt;/MenuItem&gt;
                  ))}
              &lt;/Select&gt;
          &lt;/FormControl&gt;
  </code></pre>
  
  <p>The Label stays at the top of the outline just like TextField, however, the outline is not cut out to display the Label nicely, instead it looks like it is "crossed out"</p>
  
  <p>What am I doing wrong?
  (Please not, that the this.state.labelWidth has a correct value, even if I hard code this, it still does not work)</p>
  
  <p>Thanks in advance for your help
  Cheers
  Jason</p>