title: Angular Material: md-select-header inside tab not working
body: <p>I am having a trouble regarding this problem.</p>
  
  <p>I am using:</p>
  
  <blockquote>
    <p>Angular Material 1.1.0 <br>
    Angular 1.5.5 </p>
  </blockquote>
  
  <p>The problem occurs when I put the <strong>md-select</strong>  inside the <strong>md-tabs</strong> then the md-select-header(search box) doesn't work anymore. I am not really good at explaining things so just see the codepen below.</p>
  
  <p><a href="http://codepen.io/aldesabido/pen/GZGRBR" rel="nofollow">http://codepen.io/aldesabido/pen/GZGRBR</a></p>
  
  <p>It works when I do this.</p>
  
  <pre><code>&lt;md-select multiple=""&gt;
    &lt;md-select-header&gt;
      &lt;input type="search"&gt;
    &lt;/md-select-header&gt;
    &lt;md-optgroup label="vegetables"&gt;
      &lt;md-option&gt;&lt;/md-option&gt;
    &lt;/md-optgroup&gt;
  &lt;/md-select&gt;
  </code></pre>
  
  <p>but not when I do this.</p>
  
  <pre><code>&lt;md-tabs md-dynamic-height md-border-bottom&gt;
  &lt;md-tab label="Vegetable Tabs"&gt;
      &lt;md-subheader class="subheader"&gt;
          &lt;md-select multiple=""&gt;
              &lt;md-select-header&gt;
                  &lt;input type="search"&gt;
              &lt;/md-select-header&gt;
              &lt;md-optgroup label="vegetables"&gt;
                  &lt;md-option&gt;&lt;/md-option&gt;
              &lt;/md-optgroup&gt;
          &lt;/md-select&gt;
      &lt;/md-subheader&gt;
  &lt;/md-tab&gt;
  </code></pre>
  
  <p></p>
  
  <p>Please ask me if you want another info. Thanks.</p>