fix(autocomplete): fixes z-index issues with autocomplete menu

angular · Jul 7, 2015 · d75b592 · d75b592
1 parent daa2c85
commit d75b592
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/autocomplete/autocomplete.scss b/src/components/autocomplete/autocomplete.scss
@@ -68,6 +68,9 @@ md-autocomplete {
  position: relative;
  overflow: visible;
  height: 40px;
+ &.md-menu-showing {
+ z-index: $z-index-backdrop + 1;
+ }
  md-progress-linear[md-mode=indeterminate] {
  position: absolute;
  bottom: 0; left: 0; width: 100%;

diff --git a/src/components/autocomplete/js/autocompleteDirective.js b/src/components/autocomplete/js/autocompleteDirective.js
@@ -132,7 +132,7 @@ function MdAutocomplete ($mdTheming, $mdUtil) {
  return '\
  <md-autocomplete-wrap\
  layout="row"\
- ng-class="{ \'md-whiteframe-z1\': !floatingLabel }"\
+ ng-class="{ \'md-whiteframe-z1\': !floatingLabel, \'md-menu-showing\': !$mdAutocompleteCtrl.hidden }"\
  role="listbox">\
  ' + getInputElement() + '\
  <md-progress-linear\