dialog: theme not inheriting properly when changing themes

[Arns]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The dialog will take on the theme that is set on its parent element (or somewhere in the ascendants).

What is the current behavior?

If changing the theme, the dialog still uses the previous theme.

CodePen and steps to reproduce the issue:

CodePen Demo which shows your issue: https://codepen.io/anon/pen/WzmmKx

Detailed Reproduction Steps:

1. set a theme
2. open dialog WITHOUT targetEvent set with an md-primary button and view theme
3. switch theme using theme provider/service
4. open dialog and see that theme did not update

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

It essentially renders theme changing useless since the interim elements don't respect the change.

Which versions of AngularJS, Material, OS, and browsers are affected?

AngularJS Material >= 1.1.2
AngularJS >= 1.6.0

Is there anything else we should know? Stack Traces, Screenshots, etc.

Likely something in the following changes that broke it: https://github.com/angular/material/pull/9762/files#diff-58cbee594b2fabf2c78b6d283750e535R806

[Arns]

Originally I did not realize this, but it appears a work around is setting the targetEvent when opening a dialog via the $mdDialog service. Not sure why/how this is related, and it is not documented anywhere that I've found.

[Splaktar]

I updated the CodePen to 1.1.8 and I still see the issue. Thank you for reporting this and for creating the CodePen.