Custom class on select overlay

[robianmcd]

Bug, feature request, or proposal:

feature request

What is the desired behavior?

There would be a way to specity a custom class on the overlay for a select element. e.g.

<md-select overlayClass="my-theme-1"></md-select>

What is the current behavior?

No way to add a custom class to the overlay for a select

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

I'm using multiple themes in the way described in the guide .e.g.

@include angular-material-theme($defaultTheme);

.my-theme-1 {
  @include angular-material-theme($myTheme1);
}

.my-theme-2 {
  @include angular-material-theme($myTheme2);
}

So if I have a select inside an element with class="my-theme-1" I would want the select to get the styles form $myTheme1.

<div class="my-theme-1">
  <md-select></md-select>
</div>

This doesn't work for the select's overlay as the overlay is appended to the body.

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

Material: beta-2

[kara]

This looks like a dupe of #2662. We have a PR waiting to merge here that will allow easy adding of themes to overlay-based components, so should get in soon.

[robianmcd]

@kara great thanks! I'll keep an eye on that PR

[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.}