md-select placeholder overlaps with md-toolbar

[belev]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

md-select placeholder not to overlap with md-toolbar

What is the current behavior?

md-select placeholder overlaps with md-toolbar

What are the steps to reproduce?

Click to select item, the placeholder overlaps. After selecting an item the placeholder is not visible too.

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: http://plnkr.co/edit/uJR8DXST8lTBOptjgkN4?p=preview

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, browsers are affected?

Material 2.0.0-alpha.11-2 (tested on master too), Chrome 55

Is there anything else we should know?

Not sure if that's actually a bug or the user should handle the margin/padding after the toolbar.

[villaratio]

I noticed that the positioning and transform of the md-input placeholder is different compared to the md-select placeholder. This is probably related to this issue.

[kara]

Yeah, related to #2124 and #2127

[SalmaKolkari]

margin: 1em 0;
padding-bottom: 6px;

these css properties are missing in select.css file.

Please add :

md-select {
display: inline-block;
outline: 0;
margin: 1em 0;
padding-bottom: 6px;
}

in select.css file

and add same css properties in

styles: ["md-select{display:inline-block;outline:0;margin: 1em 0;padding-bottom: 6px;}

in

Component({selector: 'md-select, mat-select',

in

select.js file in select folder of @angular/material directory.

[jelbourn]

Tracking via #2124

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}