Fix tabs CSS issue and switch mdDynamicHeight to dynamicHeight.

Author: crisbeto

src/lib/tabs/tab-group.scss

@@ -38,17 +38,17 @@ md-tab-body {
   @include md-fill;
   display: block;
   overflow: hidden;
+
   &.md-tab-body-active {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
     z-index: 1;
     flex-grow: 1;
   }
-  :host[mdDynamicHeight], :host[md-dynamic-height] {
-    &.md-tab-body-active {
-      overflow-y: hidden;
-    }
+
+  :host.md-tab-group-dynamic-height &.md-tab-body-active {
+    overflow-y: hidden;
   }
 }
 

src/lib/tabs/tab-group.ts

@@ -48,6 +48,9 @@ export class MdTabChangeEvent {
   selector: 'md-tab-group',
   templateUrl: 'tab-group.html',
   styleUrls: ['tab-group.css'],
+  host: {
+    '[class.md-tab-group-dynamic-height]': '_dynamicHeight'
+  }
 })
 export class MdTabGroup {
   @ContentChildren(MdTab) _tabs: QueryList<MdTab>;
@@ -65,7 +68,7 @@ export class MdTabGroup {
 
   /** Whether the tab group should grow to the size of the active tab */
   private _dynamicHeight: boolean = false;
-  @Input('mdDynamicHeight') set dynamicHeight(value: boolean) {
+  @Input() set dynamicHeight(value: boolean) {
     this._dynamicHeight = coerceBooleanProperty(value);
   }