From d7dbcfbb18e2999932695ab4c7677952c096ca55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?=
 <zhangyanghaha0407@outlook.com>
Date: Wed, 30 Sep 2026 23:47:50 -0400
Subject: [PATCH] =?UTF-8?q?T45c=20Site=20=C2=B7=20Home:=20full=20screen=20?=
 =?UTF-8?q?locks=20the=20page's=20overflow=20and=20Lenis=20halts=20on=20it?=
 =?UTF-8?q?,=20ending=20a=20glide=20in=20flight?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/Live.tsx  | 6 +++---
 frontend/src/Shell.tsx | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Live.tsx b/frontend/src/Live.tsx
index abbc1da..88d7b67 100644
--- a/frontend/src/Live.tsx
+++ b/frontend/src/Live.tsx
@@ -47,11 +47,11 @@ export function Live({ page, story, title }: { page: string; story: string; titl
 
   useEffect(() => {
     if (!full) return;
-    document.body.style.overflow = "hidden";
+    document.documentElement.style.overflow = "hidden";
     const escape = (event: KeyboardEvent) => event.key === "Escape" && setFull(false);
     addEventListener("keydown", escape);
     return () => {
-      document.body.style.overflow = "";
+      document.documentElement.style.overflow = "";
       removeEventListener("keydown", escape);
     };
   }, [full]);
@@ -61,7 +61,7 @@ export function Live({ page, story, title }: { page: string; story: string; titl
       <button className="skip-live" onClick={() => after.current?.focus()}>
         Skip the live example
       </button>
-      <div className={full ? "live full" : "live"} data-lenis-prevent={full || undefined}>
+      <div className={full ? "live full" : "live"}>
         <iframe key={run} ref={frame} title={`${title}, live`} src={src(start)} />
         {state !== "ready" && (
           <div className="live-state" role="status">
diff --git a/frontend/src/Shell.tsx b/frontend/src/Shell.tsx
index 6495938..a06c721 100644
--- a/frontend/src/Shell.tsx
+++ b/frontend/src/Shell.tsx
@@ -61,7 +61,8 @@ export function Shell() {
   const router = useRouter();
   useEffect(() => {
     if (still) return;
-    const lenis = new Lenis({ autoRaf: true });
+    // It halts while the page's overflow is hidden, as full screen sets.
+    const lenis = new Lenis({ autoRaf: true, autoToggle: true });
     // A glide in flight must not outlive its page.
     const off = router.subscribe("onBeforeNavigate", () => lenis.scrollTo(lenis.animatedScroll, { immediate: true, force: true }));
     return () => {