select-field incorrectly displays floatingLabelText

Rendering sth. like:

            <SelectField
                floatingLabelText='Client'
                style={{ width: '100px' }}
                menuItems={clientMenuItems}
                selectedIndex={this.props.clients.indexOf(this.props.currentClient)}
                onChange={this.onClientChange}/>

client menu items is an array of objects with text and payload.

The floatingLabelText is only correctly placed when another item is selected and the select is focused. As soon as I focus another element. The floatingLabelText is fullsizeGray overlapping with the selected element in black / same fontsize.

material-ui version: 0.10.4

[martinhoefling]

@aahan96 So for me the problem is “solved” by adding value. What about #2416?

[michielreyers]

This can also be ‘solved’ by setting floatingLabelFixed to true