Почему при попытке кликнуть на div родитель кликает по дочерним элементам и js не срабатывает?

Question

[Боб Семович]

html код:

<div class="dropdown-toggle">

	<svg>...</svg>
	<span>rus</span>
	<svg>...</svg>

	<ul class="dropdawn">
		<li><a href="">English</a></li>
		<li><a href="">English</a></li>
		<li><a href="">English</a></li>
		<li><a href="">English</a></li>
	</ul>
</div>

JS код:

window.addEventListener('click', e => {
	let items = document.getElementsByClassName('dropdown-toggle');
	for( let item of items ) item.classList.remove('open');
	
	if( e.target.classList.contains('dropdown-toggle') ) 
			e.target.classList.toggle('open');
})

Проблема:
Если я пытаюсь кликнуть на div с классом .dropdown-toggle кликается по объектам находящимся внутри дива (svg, span) и соответственно класс .open не добавляется. Как это решить?

Comments

[Михаил]

e.target это конечный элемент по которому кликнули
рекурсивно проверяйте .parent

[Боб Семович]

Спасибо! Вы могли бы написать что мне изменить конкретно. Я не очень в js