From eddd14baa391016d6bf91b73bf558f85d670602c Mon Sep 17 00:00:00 2001
From: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com>
Date: Tue, 14 Nov 2023 02:05:10 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Prevent=20scrolling=20when=20ham?=
 =?UTF-8?q?burger=20menu=20is=20open=20(#1631)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../website/src/components/Layout/Hamburger/index.tsx     | 8 ++++++++
 packages/website/src/utils/theme/theme.css                | 4 ++++
 2 files changed, 12 insertions(+)

diff --git a/packages/website/src/components/Layout/Hamburger/index.tsx b/packages/website/src/components/Layout/Hamburger/index.tsx
index 997a574..a92d073 100644
--- a/packages/website/src/components/Layout/Hamburger/index.tsx
+++ b/packages/website/src/components/Layout/Hamburger/index.tsx
@@ -20,6 +20,14 @@ const Hamburger = () => {
     return () => Router.events.off('routeChangeStart', onRouteChangeStart)
   }, [])
 
+  useEffect(() => {
+    if (isOpen) {
+      document.body.classList.add('overflow-hidden')
+    } else {
+      document.body.classList.remove('overflow-hidden')
+    }
+  }, [isOpen])
+
   return (
     <div className={styles.hamburger}>
       <button
diff --git a/packages/website/src/utils/theme/theme.css b/packages/website/src/utils/theme/theme.css
index 4a84fa9..0551b04 100644
--- a/packages/website/src/utils/theme/theme.css
+++ b/packages/website/src/utils/theme/theme.css
@@ -114,6 +114,10 @@ pre {
   padding: 1em;
 }
 
+.overflow-hidden {
+  overflow: hidden;
+}
+
 .overflow-x-adjust {
   overflow-x: auto;
 }