Tengo un problema con el menú. ¿Alguien puede verificar? Si muevo el mouse hacia afuera, el contenido desaparece. Creo que no hay problema con las clases.

 class Menu{ constructor(id){ this.id = id; const linkBlock = document.querySelector(`.navigation__dropdown-block-${this.id}`); const menuLink = document.querySelector(`.navigation__link-${this.id}`); const menuLinks = document.querySelectorAll(`.navigation__link`); const linkBlockA = document.querySelectorAll('.navigation__dropdown-block--active') menuLink.addEventListener('mouseenter', () => { linkBlock.classList.add('navigation__dropdown-block--active'); menuLink.classList.add('navigation__link--active'); }); linkBlock.addEventListener('mouseenter', () => { linkBlock.classList.add('navigation__dropdown-block--active'); menuLink.classList.add('navigation__link--active'); }); menuLink.addEventListener('mouseleave', () => { linkBlock.classList.remove('navigation__dropdown-block--active'); menuLink.classList.remove('navigation__link--active'); }); linkBlock.addEventListener('mouseleave', () => { linkBlock.classList.remove('navigation__dropdown-block--active'); menuLink.classList.remove('navigation__link--active'); }); } } const menuLinks = document.querySelectorAll('.navigation__link'); for(let i = 0; i < menuLinks.length; i++){ new Menu(i + 1); }