Как сделать чтобы при клике в dropdown на input не скрывался блок?

Question

[z_u_q]

Здравствуйте. Пытаюсь реализовать поиск в dropdown. Проблема в том, что когда тыкаю по input скрывается весь блок и этот input попадает в шапку dropdown, чего не должно быть. Как можно сделать чтобы при клике в dropdown на input не скрывался блок, но чтобы при клике на другие элементы списка (1,2,3) - скрытие происходило.

Ссылка на пример

Answer 1

[0xD34F]

Останавливайте всплытие при клике на инпут:

$list.find('input').click(e => e.stopPropagation());

Или проверяйте целевой элемент (это в обработчике клика по $listItems):

if (!$(e.target).is('input')) {
  $list.hide();
}

Comments

[z_u_q]

Спасибо!