No soy muy bueno en Javascript, estoy tratando de colapsar automáticamente en el menú de desbordamiento usando Vanilla Js.
Estoy contento con lo que he logrado hacer hasta ahora. Pero tengo un problema con ```appendChild``` / ```prepend```, se activan solo una vez en mi bucle. Cuando actualizo la página, todos los enlaces desbordados se encuentran en el menú más, pero a medida que cambio el tamaño (disminuyo) la ventana, los enlaces desbordados aún se encuentran en el menú más, pero el menú más en sí no se actualiza.

 function collapseMenu() { let menu = document.querySelector(".menu"); let menuChildren = menu.querySelectorAll('li'); let i = menuChildren.length - 1; let other = document.createElement("li"); other.setAttribute("onclick", "submenu(this)"); other.id = 'other'; other.innerHTML = 'More'; let submenu = document.createElement("ul"); submenu.classList.add('submenu', 'hidden'); other.appendChild(submenu); if (menu.offsetWidth >= window.innerWidth) { let drop; if (!menu.contains(document.getElementById('other'))) { menu.appendChild(other); } while (menu.offsetWidth >= window.innerWidth) { drop = menu.removeChild(menuChildren[i]); submenu.prepend(drop); i--; } } else { //On increase window } } collapseMenu(); window.addEventListener('resize', collapseMenu);

por favor ayuda, gracias