title: Hopping text in md-autocomplete of angular material
body: <p>I have the following angular material component:</p>
  
  <pre><code>&lt;div flex&gt;
      &lt;md-autocomplete 
            md-selected-item="selectedSavedList"
            md-search-text="searchSavedList"
            md-search-text-change="savedListItemChange(searchText)"
            md-items="item in querySavedList(searchSavedList)"
            md-item-text="item.name"
            md-min-length="0"
            style="min-width: 300px;"
            placeholder="hellow"&gt;
              &lt;md-item-template style="background-color:white;"&gt;
                  &lt;span class="select-title"&gt;
                  &lt;span&gt; {{item.name}} &lt;/span&gt;
            &lt;/span&gt;
              &lt;/md-item-template&gt;
      &lt;/md-autocomplete&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>First, when i hover my mouse to the component, the placeholding text moves slightly to bottom. if mouse leaves the component, text moves again to its own place. After i click, after i select an item, it does exact the same movements. I use the component almost everywhere in my project and their only common thing is css files (thus no js-issue)</p>
  
  <p>Is it known issue of material or is somewhere in my css causing it? If so, which parts can have influence on that? </p>