У меня есть вход для поля поиска в угловых 5 - есть сетка результатов, которые должны быть обновлены на основе этого поля поиска (и это работает просто отлично).Мое поле поиска - ControlValueAccessor .Когда пользователь щелкает в поле поиска, при желании что-то ищет, а затем нажимает одну из кнопок, текстовое поле теряет фокус, но событие щелчка не запускается.События мыши и указателя не запускаются вообще.Только событие фокуса вызывается onBlur для ввода.Это событие onBlur не предотвращает образование пузырьков (это доказано, есть элемент для очистки поля поиска, которое работает).
Нажмите кнопку еще раз, и она заработает. Кнопки переключения и поле поиска находятся в разных компонентах :
- paginated-toggle-control.component : содержит кнопки переключения и следующий компонент:
- search.component : содержит поле поиска
Поле поиска также имеет «x» div, который появляется с правой стороны, когда есть текст вполе.Это отдельный div с зарегистрированным событием click для очистки поля поиска.Щелчок по этому элементу управления, когда ввод сфокусирован создает событие щелчка.
Мне не ясно, как диагностировать эту проблему.
Я сделал пример, чтобы показать проблему: https://codesandbox.io/s/angular-yh42s проблема в том, что работает.Не уверен, если это разница между настройками проекта и доступными онлайн, или угловыми версиями, или чем-то еще.