Прокрутка вызывает событие размытия моего ввода HTML

Question

У меня есть ввод, когда щелкаю, чтобы показать div (например, автозаполнение) и с ng-blur, которые скрывают этот div под вводом. (изображение ниже)

Как предотвратить событие размытия при прокрутке? Потому что, когда я щелкаю где-нибудь в области прокрутки или «скольжения», срабатывает событие «Размытие» ввода и скрывается div.

Мне нужно запускать, когда щелкаю элемент этого div или за пределами div.

Here's the code:

HTML

   {{item.name}}    

JS:

$scope.addFilterBlockRedirect = function () {
  $timeout(function () {
    document.getElementById("select-block-modal-nlp").style.visibility = "hidden";
  }, 200);
 }

 $scope.eventHideContentBtn = function (event) {
        if (event != null) {
            document.getElementById("select-block-modal-nlp").style.visibility = "visible";
        } else if (event != null && event != false) {
            document.getElementById("select-block-modal-nlp").style.visibility = "hidden";
        }
 };

    $scope.searchBlocksRedirect = function (searchBloclkText, event) {
        if (searchBloclkText != "" && searchBloclkText) {
            function check(item) {
                return item.name.toUpperCase().indexOf(searchBloclkText.toUpperCase()) >= 0;
    }
            $scope.groupBlocksRedirect = $scope.groupBlocks.filter(check);
        } else {
            $scope.groupBlocksRedirect = $scope.groupBlocks;
        }
    }

PS: мои элементы находятся внутри модального окна, это проблема?