Как сделать так чтобы при наведении на item клас выдавался и убирался только если кликнуть за пределами dropdown или если навестись на другой item?

Question

[Wh_Raccon]

Вот ссылка

Проблема заключается в том что если после первого item-а перевести мышку на второй то первый item никуда не денется а "уйдет" вниз.

Comments

[IIIu6ko]

При наведении находи все menu-item и убирай у них active.

document.querySelectorAll(".menu-item").forEach((item) => {
  item.classList.remove('active')
}

Либо, можешь находить сразу menu-item с active и только у него убирать.

document.querySelector(".menu-item.active").classList.remove('active');