title: Position fixed css adding in body tag in angular material
body: <p>I'm facing some issues with <code>position: fixed; width: 100%; top: 0px;</code> for <code>md-select</code> <code>md-autocomplete</code> if I use them in some fixed. I face this issue with angular material for almost all the <code>md-select</code> options.
  It's adding up the <code>CSS</code> attributes dynamically to the body section.</p>
  <p><code>position: fixed; width: 100%; top: 0px;</code> and scrollY.</p>
  <p><strong>index.html</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;header class=&quot;container-fluid&quot; id='headerControl' ng-cloak ng-controller = 'headerControl as ctrl'&gt;
    &lt;div layout=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-2 col-sm-2 logo&quot;&gt;
        &lt;a href=&quot;/&quot;&gt;
          &lt;img src=&quot;img/scooby.svg&quot; alt=&quot;Logo&quot; width=&quot;120px&quot; class=&quot;img-responsive&quot;&gt;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;col-md-7 col-sm-6 search-head hidden-xs&quot;&gt;
        &lt;md-autocomplete
          md-no-cache=&quot;ctrl.noCache&quot;
          md-selected-item=&quot;ctrl.selectedItem&quot;
          md-search-text-change=&quot;ctrl.searchTextChange(ctrl.searchText)&quot;
          md-search-text=&quot;ctrl.searchText&quot;
          md-selected-item-change=&quot;ctrl.selectedItemChange(item)&quot;
          md-items=&quot;item in ctrl.querySearch(ctrl.searchText)&quot;
          md-item-text=&quot;item.name&quot;
          md-min-length=&quot;0&quot;
          placeholder=&quot;Search.....&quot;
          md-menu-class=&quot;autocomplete-custom-template&quot;&gt;
          &lt;md-item-template&gt;
            &lt;span class=&quot;item-title&quot;&gt;
             
              &lt;span&gt; {{item.name}} &lt;/span&gt;
            &lt;/span&gt;
            &lt;span class=&quot;item-metadata&quot;&gt;
              &lt;span class=&quot;item-metastat pull-right&quot;&gt;
                &lt;strong&gt;{{item.forks}}&lt;/strong&gt;
              &lt;/span&gt;
            &lt;/span&gt;
          &lt;/md-item-template&gt;
        &lt;/md-autocomplete&gt;
        &lt;md-input-container class=&quot;md-block&quot; md-no-float flex-gt-sm&gt;
          &lt;md-icon md-svg-src=&quot;img/locationpin.svg&quot;&gt;&lt;/md-icon&gt;
          &lt;!-- &lt;label&gt;Location&lt;/label&gt; --&gt;
          &lt;md-select ng-model=&quot;user.state&quot; placeholder=&quot;Location&quot;&gt;
            &lt;md-option ng-repeat=&quot;state in states&quot; value=&quot;{{state.abbrev}}&quot;&gt;
              {{state.abbrev}}
            &lt;/md-option&gt;
          &lt;/md-select&gt;
        &lt;/md-input-container&gt;
        &lt;button type=&quot;button&quot; class=&quot;search-bt&quot;&gt;GO&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class=&quot;col-md-3 col-sm-4 col-xs-10 head-link&quot;&gt;
        &lt;p class=&quot;visible-xs mobile-menu-ic&quot;&gt;
  
          &lt;md-menu md-offset=&quot;0 -5&quot; ng-controller=&quot;menuCtrl as ctrl&quot;&gt;
            &lt;md-button aria-label=&quot;Open demo menu&quot; class=&quot;md-icon-button&quot; ng-click=&quot;ctrl.openMenu($mdOpenMenu, $event)&quot;&gt;
              &lt;i class=&quot;material-icons&quot;&gt;&amp;#xE5D2;&lt;/i&gt;
            &lt;/md-button&gt;
            &lt;md-menu-content width=&quot;4&quot;&gt;
              &lt;md-menu-item&gt;
                &lt;md-button ng-click=&quot;ctrl.announceClick($index)&quot;&gt; Profile &lt;/md-button&gt;
              &lt;/md-menu-item&gt;
              &lt;md-menu-item&gt;
                &lt;md-button ng-click=&quot;ctrl.announceClick($index)&quot;&gt; Messages &lt;/md-button&gt;
              &lt;/md-menu-item&gt;
              &lt;md-menu-item&gt;
                &lt;md-button ng-click=&quot;ctrl.announceClick($index)&quot;&gt; Sign Out &lt;/md-button&gt;
              &lt;/md-menu-item&gt;
            &lt;/md-menu-content&gt;
          &lt;/md-menu&gt;
        &lt;/p&gt;
        &lt;ul id=&quot;popupContainer&quot; class=&quot;clearfix pull-right hidden-xs&quot;&gt;
          &lt;li&gt;&lt;md-button class=&quot;&quot; ng-click=&quot;newpost($event)&quot;&gt;
            Post
          &lt;/md-button&gt;&lt;/li&gt;
  
          &lt;li class=&quot;mesg&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/mail.svg&quot;&gt; &lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;/profile&quot; class=&quot;profile&quot; ng-click=&quot;showAdvanced($event)&quot;&gt;&lt;img src=&quot;img/macbook-wireless-mouse.jpg&quot;&gt; &lt;/a&gt;&lt;/li&gt;
  
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>