Material-ui: SelectField alignment issue with inline forms

Created on 20 Feb 2018  路  3Comments  路  Source: mui-org/material-ui

Duplicate of https://github.com/mui-org/material-ui/issues/2601, but ran into it in newest version.

It looks like the fix is to add verticalAlign:'bottom' to the root className right here and here. Not show how to spin Mui up on localhost and test it though.

Steps to Reproduce (for bugs)

Multiple Select fields inline. One has a value, the other does not. Both have floating text labels

Work around

            <FormControl
                style={{ verticalAlign:'bottom' }}                    
            >
               ...<Select...

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | ^1.0.0-beta.34 |
| React | 16.1.0 |

bug 馃悰 Select

All 3 comments

@JarLowrey Do you have a live reproduction example so we can investigate it?

Select any value in any box - https://codesandbox.io/s/7w5mlp9ppq

We need to push #9709 forward.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

finaiized picture finaiized  路  3Comments

iamzhouyi picture iamzhouyi  路  3Comments

TimoRuetten picture TimoRuetten  路  3Comments

rbozan picture rbozan  路  3Comments

ryanflorence picture ryanflorence  路  3Comments