InputLabel width is scaled down to 0.75 on focus and white space is unused.

<FormControl
  fullWidth
  disabled={this.disableInput()}
  error={this.state.commandError !== ''}
  style={{margin: '6px 0'}}
>
  <InputLabel style={{background: '#eee'}}>
    {this.props.server.getIn(['server', 'availableCommands', this.state.command]) || 'Command'}
  </InputLabel>
  <Select
    fullWidth
    native
    value={this.state.command}
    onChange={this.handleChange('command')}
    inputRef={(input) => this.commandInput = input}
    id={'command'}
    disabled={this.disableInput()}
    error={this.state.commandError !== ''}
  >
    {commandOptions}
  </Select>
</FormControl>

The current fix is some extra CSS on :focus to compensate scaled-down width, I think something like this should be added to the lib itself.

Tech	Version
Material-UI	v1.5.0
React	16.4.2
browser	Version 68.0.3440.106 (Official Build) (64-bit)

Best wishes from Trafikito 💯

[oliviertassinari]

@liesislukas If you think we can find a solution that avoids #11287 and #11283 at the same time, I’m all hears.

[liesislukas]

Yep, I know. Please just use the suggested code if it fits and push an update 👍 I’m not familiar with the source code too much so I believe you will be able to push update quicker & better.

Thank you for all the work done with material UI 👍 you and your team deserves all the credit 💯 My pleasure to contribute couple cents.