Я создал компонент пользовательского выпадающего списка, чтобы использовать его в других компонентах, таких как форма.
Я использую два компонента
1) Форма (родительский компонент) 2) раскрывающийся список (дочерний компонент)
Компонент формы имеет два раскрывающихся списка: сначала список стран, а затем список городов.Данные отправляются из родительского компонента, чтобы сделать выпадающий список.Ожидаемое поведение выглядит следующим образом.
1) При нажатии на поле ввода Страна должен быть открыт раскрывающийся список с названиями стран. 2) При повторном нажатии на поле ввода Страна, раскрывающийся список должен быть скрыт.3) При нажатии в любом месте на странице должен скрываться раскрывающийся список.4) При нажатии на другое раскрывающееся поле ввода должен быть открыт соответствующий раскрывающийся список, и в то же время другой раскрывающийся список должен быть скрыт.
Все работает нормально, кроме следующих.
Если список стран уже открыт, и в то же время я нажимаю на поле ввода раскрывающегося списка городов, открывается раскрывающийся список соответствующих городов.Но раскрывающийся список Страна не скрывается.Ожидается, что раскрывающийся список Страна должна скрыться.