Конфликтуют обработчики событий, как исправить?

Question

[Руслан Абсалямов]

У меня есть инпут с выпадающим списком, из-за обработчика события blur на инпуте не работает выбор пункта списка по событию click.

Comments

[Николай Чуприк]

В codesandbox пусто.

[Руслан Абсалямов]

Николай Чуприк, Должно работать сейчас, обновил ссылку

Answer 1

[0xD34F]

Обработчик blur скрывает список до того, как происходит событие click. Соответственно, клик приходится вовсе не по элементу списка. Вместо click обрабатывайте mousedown, это вот здесь:

@click="checkOption(option);"

Comments

[Руслан Абсалямов]

Я заменил его на mousedown.prevent

[0xD34F]

Руслан Абсалямов, дальше что?

[Руслан Абсалямов]

0xD34F, Все нормально стало. Дочерний элемент стал в первую очередь