Skip to content

[SelectField] Floating Labels broken in 0.15.3 release #4891

Description

@petermikitsh

Problem description

Floating Labels (0.15.3) render like this:

screen shot 2016-08-03 at 1 39 15 pm

in 0.15.2 they looked like this:

screen shot 2016-08-03 at 1 43 08 pm

### Steps to reproduce

Go to http://www.material-ui.com/#/components/select-field and go to the Floating Label section.

const items = [
  <MenuItem key={1} value={1} primaryText="Never" />,
  <MenuItem key={2} value={2} primaryText="Every Night" />,
  <MenuItem key={3} value={3} primaryText="Weeknights" />,
  <MenuItem key={4} value={4} primaryText="Weekends" />,
  <MenuItem key={5} value={5} primaryText="Weekly" />,
];

        <SelectField
          value={this.state.value}
          onChange={this.handleChange}
          floatingLabelText="Floating Label Text"
        >
          {items}
        </SelectField>

Versions

  • Material-UI: 0.15.3
  • React: 15.3.0
  • Browser: Chrome

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: selectChanges related to the select.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions