From b8b8b1379eeb5c00b0366ceee48549c8fc3bd295 Mon Sep 17 00:00:00 2001
From: Taesu <166604494+bytaesu@users.noreply.github.com>
Date: Mon, 9 Mar 2026 14:49:17 +0900
Subject: [PATCH] docs: close mobile menu on viewport resize past lg breakpoint
 (#8513)

---
 landing/components/landing/staggered-nav-files.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/landing/components/landing/staggered-nav-files.tsx b/landing/components/landing/staggered-nav-files.tsx
index 93fb751e68..664cd4f1dc 100644
--- a/landing/components/landing/staggered-nav-files.tsx
+++ b/landing/components/landing/staggered-nav-files.tsx
@@ -130,6 +130,17 @@ export function StaggeredNavFiles() {
 		};
 	}, [mobileMenuOpen]);
 
+	useEffect(() => {
+		const mql = window.matchMedia("(min-width: 1024px)");
+		const handler = () => {
+			if (mql.matches) {
+				setMobileMenuOpen(false);
+			}
+		};
+		mql.addEventListener("change", handler);
+		return () => mql.removeEventListener("change", handler);
+	}, []);
+
 	const openProducts = () => {
 		clearTimeout(productsTimeout.current);
 		setProductsOpen(true);