title: Clicking on auto complete page goes disappear angular material
body: <p>I am creating a single page application and using angular js.
  I am using auto complete from angular material and trying to use</p>
  
  <blockquote>
    <p>md-autocomplete</p>
  </blockquote>
  
  <p>instead of native select dropdown.
  In HTML</p>
  
  <pre><code>&lt;md-autocomplete md-no-cache="true" md-selected-item="selectedItem" md-items="item in items" md-search-text="searchText" md-item-text="item"&gt;
     &lt;span&gt;{{ item }}&lt;/span&gt;
  &lt;/md-autocomplete&gt;
  </code></pre>
  
  <p>in JS </p>
  
  <pre><code>$scope.items = ['A', 'B', 'C'];
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/yJZMp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yJZMp.png" alt="this is the image before click"></a>
  <a href="https://i.stack.imgur.com/eWOm9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eWOm9.png" alt="this is after click"></a></p>