Кнопка очистки в автозаполнении углового материала блокирует все элементы DOM

Question

Да, это очень редкая ситуация, но почему-то, если я использую автозаполнение следующим образом, я блокирую все блоки dom и не могу больше взаимодействовать с элементом из моего стр.

Это HTML-часть:

<md-autocomplete style="background-color:white; height:10px;" 
        md-selected-item="selectedItem" 
        md-search-text-change="searchTextChange(searchText)" 
        md-search-text="searchText" 
        md-selected-item-change="selectedItemChange(item)" 
        md-items="item in querySearch(searchText) | orderBy:'text'" 
        md-item-text="item.text" 
        md-min-length="0" 
        placeholder="Filteren op tag" 
        md-menu-class="autocomplete-custom-template"> 
        <md-item-template style="background-color:white;"> 
        <span class="select-title"> 
        <!--<md-icon md-svg-icon="selectboxIcon.svg"></md-icon>--> 
        <span class="item-tags"> {{item.text}} </span> 
        </span> 
       </md-item-template> 
       </md-autocomplete> 

и это соответствующие части из моего контроллера:

$scope.querySearch = function (query) { 
    var results = query ? $scope.allTags.filter($scope.createFilterFor(query)) : $scope.allTags; 
    return results; 
} 

$scope.createFilterFor = function (query) { 
    var lowercaseQuery = angular.lowercase(query); 
    return function filterFn(item) { 
     console.log(item); 
     var itemName = angular.lowercase(angular.lowercase(item.text)); 
     return (itemName.indexOf(lowercaseQuery) === 0); 
    }; 
} 

$scope.searchTextChange = function searchTextChange(text) { 
    $log.info('Text changed to ' + text); 
} 

$scope.selectedItemChange = function selectedItemChange(item) { 
    console.log("selected"); 
    console.log(item); 
} 

пс: каждая функция работает хорошо и без ошибок. Просто нажав кнопку очистки - как показано на следующем рисунке, эта проблема возникает в последних версиях хром и mozilla.

Answer 1

В связи с этим на github существует проблема. Вы можете проверить это here.

Решено в обновлении 0.10.1-rc4.

Обновите свой угловой материал для освоения.

Временное решение:

CSS:

.md-scroll-mask{ 
     position: initial 
    }