title: Aligning md-select dropdown menu to the bottom of the trigger element
body: <p>I'm using vue-material Is there a way to customize the menu to show up aligned to the bottom of the md-select-value input field?</p>
  
  <p>I tried using :md-direction="bottom-start", but it doesn't seem to work.</p>
  
  <p>This is what I get:</p>
  
  <p><a href="https://i.stack.imgur.com/YJagd.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YJagd.jpg" alt="enter image description here"></a></p>
  
  <p>But I want it to be like this:</p>
  
  <p><a href="https://i.stack.imgur.com/Yr9nm.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Yr9nm.jpg" alt="enter image description here"></a></p>
  
  <pre><code>    &lt;md-field&gt;
        &lt;label for="country"&gt;Country&lt;/label&gt;
        &lt;md-select v-model="countryname" name="countryname" id="country" :md-direction="bottom-start"&gt;
          &lt;md-option value="australia"&gt;Australia&lt;/md-option&gt;
          &lt;md-option value="brazil"&gt;Brazil&lt;/md-option&gt;
          &lt;md-option value="japan"&gt;Japan&lt;/md-option&gt;
          &lt;md-option value="united-states"&gt;United States&lt;/md-option&gt;
        &lt;/md-select&gt;
      &lt;/md-field&gt;
  </code></pre>