Long InputLabel text overlaps FormControl when wrapped

[ErikParso]

I have a Form control with Select component and InputLabel asisigned. When input label is too long, text is wrapped and overflows whole Select component like this:

Also when user sets value:

Is it possible to set autosize to Select component so label will fit in? Or set label to not wrap and text overflow to ellipsis ?

my component definition:

<FormControl className={styles['simple-select']}>
    <InputLabel id="label">{this.props.text}</InputLabel>
    <Select
        value={this.state.selectedItemsId}
        onChange={this.handleChange}
        labelId="label"
        renderValue={ ... }>

        {this.props.items.map(model => (
            <MenuItem
                key={model.id}
                value={model.id}>
                ...
            </MenuItem>
        ))}
    </Select>
</FormControl>

Label in Select component demo (https://codesandbox.io/s/material-demo-hcede) behaves same way (try to replace age with something longer).

[oliviertassinari]

Duplicate of #12255