Vue-material: [MdAutocomplete] displayed behind the dialog

[jiwan2004]

I have checked previous bug. md-select has been fixed. if I use md- autocomplete I still get the same problem.
How to work it around? thanks

[Samuell1]

This should be fixed because code for autocomplete is same but you can use this workaround: https://github.com/vuematerial/vue-material/issues/1149

[Blquinn]

This still happens for me.

My markup:

<template>
  <div>
    <md-dialog :md-active.sync="showAddMembersDialog">
      <md-dialog-title>Add members</md-dialog-title>

      <md-content class="dialog-contents">
        <md-autocomplete class="autocomplete" value="user" v-model="query" :md-options="searchUsers()"
                         @md-opened="addUser()">
          <label>Search</label>

          <template slot="md-autocomplete-item" slot-scope="{ item }">{{ item.username }}</template>
        </md-autocomplete>
      </md-content>

      <md-dialog-actions>
        <md-button class="md-primary" @click="setShowAddMembersDialog(false)">Close</md-button>
        <md-button class="md-primary" @click="setShowAddMembersDialog(false)">Save</md-button>
      </md-dialog-actions>
    </md-dialog>
  </div>
</template>

Version ^1.0.0-beta-11