From c2ea3996355df98b3ced25851256f3cb25112e4f Mon Sep 17 00:00:00 2001
From: Manuel Cillero <manuel@cillero.es>
Date: Sun, 15 Oct 2023 12:23:46 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9=20Fix=20submenus=20position=20afte?=
 =?UTF-8?q?r=20window=20resize?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pagetop/static/theme/js/menu.js | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/pagetop/static/theme/js/menu.js b/pagetop/static/theme/js/menu.js
index e4258872..8fff4f8b 100644
--- a/pagetop/static/theme/js/menu.js
+++ b/pagetop/static/theme/js/menu.js
@@ -13,6 +13,7 @@ function menuHideChildren(nav, children) {
 	submenu.style.animation = 'slideRight 0.5s ease forwards';
 	setTimeout(() => {
 		submenu.classList.remove('active');
+		submenu.style.removeProperty("animation");
 	}, 300);
 
 	children.shift();
@@ -30,6 +31,15 @@ function menuToggle(nav, overlay) {
 	overlay.classList.toggle('active');
 }
 
+function menuReset(menu, nav) {
+	nav.querySelector('.menu-header').classList.remove('active');
+	nav.querySelector('.menu-title').innerHTML = '';
+	menu.querySelectorAll('.menu-subs').forEach(submenu => {
+		submenu.classList.remove('active');
+		submenu.style.removeProperty("animation");
+	});
+}
+
 document.querySelectorAll('.menu-container').forEach(menu => {
 
 	let menuChildren = [];
@@ -46,20 +56,19 @@ document.querySelectorAll('.menu-container').forEach(menu => {
 			menuShowChildren(menuNav, menuChildren);
 		}
 	});
+
 	menu.querySelector('.menu-arrow').addEventListener('click', () => {
 		menuHideChildren(menuNav, menuChildren);
 	});
+
 	menu.querySelector('.menu-close').addEventListener('click', () => {
 		menuToggle(menuNav, menuOverlay);
+		menuReset(menu, menuNav);
 		setTimeout(() => {
-			menuNav.querySelector('.menu-header').classList.remove('active');
-			menuNav.querySelector('.menu-title').innerHTML = '';
-			menu.querySelectorAll('.menu-subs').forEach(close => {
-				close.classList.remove('active');
-			});
 			menuChildren = [];
 		}, 300);
 	});
+
 	menu.querySelector('.menu-trigger').addEventListener('click', () => {
 		menuToggle(menuNav, menuOverlay);
 	});
@@ -72,6 +81,10 @@ document.querySelectorAll('.menu-container').forEach(menu => {
 		if (this.innerWidth >= 992) {
 			if (menuNav.classList.contains('active')) {
 				menuToggle(menuNav, menuOverlay);
+				menuReset(menu, menuNav);
+				setTimeout(() => {
+					menuChildren = [];
+				}, 300);
 			}
 		}
 	};