У меня есть выпадающее меню,которое закрывается по клику на свободную часть экрана через js, в списке содержатся ссылки, но когда добавляется id для ссылки, то js не ловит window.onclick
<div class="personal-menu-menu ffpr">
<ul>
<li><a id="profile">Вход/Регистрация</a></li>
<li><a href="">sdfsdf</a></li>
<li><a href="">sdfsdf</a></li>
window.onclick = function(event) {
if (!event.target.matches('.btn-personal-menu')) {
var dropdowns = document.getElementsByClassName("personal-menu-menu");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
