Input components (md-input, md-select, md-checkbox etc) aren't aligned in a flex container...

… without setting align-items: center

Updated Plunk: http://plnkr.co/edit/TgFy04UErh9Xhr0A4XzK?p=preview

md-input behaves differently to md-select (and at least md-checkbox, possibly all the other “input” components) when the elements are within a “flex container”

See this plunk for an example: http://plnkr.co/edit/aLXsp8MlV2AoOkC9aEFP?p=preview

This issue might be resolved with the in-progress refactor of input?

[mmalerba]

Just wanted to give a quick explanation about this and what the hold-up is. The input and select components have been maintained by two different people and over time as fixes were made to one of them in order to make it closer to the spec it didn’t necessarily translate into a fix in the other. At this point there are a lot of things missing from the select that have been added to the input (spacing that matches the material spec, error message support, ability to hire the required marker). In order to make these two components more consistent we want to refactor the select to share a lot more code with the input, but its a fairly large undertaking.

In the mean time I do recommend just adding some margin or padding to the select to make it line up with the input in your app as many here have suggested. After the refactor you should be able to remove the custom margin and have them line up to begin with.

[atul221282]

show stopper for me at the moment