Angular Material自动完成中的清除按钮将阻止所有DOM元素

是的,这是非常罕见的情况,但不知为什么,如果我按如下方式使用自动完成,我会阻止所有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);
}

ps:每个功能都运行良好,没有错误。只需单击清除按钮(如下图所示)就会导致此问题(在最新版本的chrome和mozilla中测试过)。