Фокус должен быть потерян при нажатии на любой другой элемент

Question

Я использую библиотеку angular -ng-autocomplete во многих местах моего проекта.

Но я недавно столкнулся с 1 проблемой.

У меня есть 1 кнопка кроме текстового поля автозаполнения. Всякий раз, когда я выбираю любую опцию, я использую ее для добавления в объект.

Но, всякий раз, когда я набираю что-то, чего нет в выпадающем списке. В то время я не могу нажать на кнопку, пока не нажму ее дважды.

Таким образом, 1-й щелчок теряет фокус из текстового поля автозаполнения, а 2-й щелчок фактически нажимает на эту кнопку.

Демо

Попробуйте набрать что-нибудь, чего нет в загруженном списке. Пример: Test

Если попытаться нажать кнопку «Добавить», вы заметите, что вам нужно дважды щелкнуть.

Для быстрого исправления я попытался прочитать событие mouseleave для этого ng- autocomplete, но он также не запускается, когда мы что-то печатаем. Нам нужно потерять фокус, чтобы заставить мышеловку работать. И это тоже не очень хорошее решение!

Любая помощь?

Answer 1

Попробуйте,

onFocused(e) {
    // do something
    this.auto.close();
}

См. Это для более https://github.com/gmerabishvili/angular-ng-autocomplete/issues/50