From ae0b29af3d2f1558841874922db278532e2a4f32 Mon Sep 17 00:00:00 2001
From: pewdiepie-archdaemon <pewdiepie-archdaemon@users.noreply.github.com>
Date: Sat, 13 Jun 2026 20:05:33 +0900
Subject: [PATCH] Cookbook auto-fold: target the actual scroll container
 (.cookbook-body)

Previous .modal-body / .cookbook-content lookup matched neither the
desktop scroller (.cookbook-body) nor the mobile one (#cookbook-modal
.modal-content), so the scroll listener was attached to document.body
and never fired. Walk up to whichever scroller actually exists.
---
 static/js/cookbook.js | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/static/js/cookbook.js b/static/js/cookbook.js
index ec0466e0f..62eae5373 100644
--- a/static/js/cookbook.js
+++ b/static/js/cookbook.js
@@ -1416,17 +1416,20 @@ function _wireTabEvents(body) {
       _setFolded(!folded);
     });
     // Auto-fold when the user scrolls past the Direct Download header.
-    // Watches the header element: once its bottom edge passes above the
-    // scroll container's top, fold the body so the scan section below has
-    // the full viewport. Doesn't auto-unfold (user can click ▸ to expand).
-    const _scrollHost = dlFold.closest('.modal-body, .cookbook-content, .doclib-modal-content') || document.scrollingElement || document.body;
-    let _autoFolded = false;
+    // Desktop scroll container is .cookbook-body; mobile is the modal
+    // .modal-content. Walk up via .closest() to find whichever is
+    // actually scrollable. Doesn't auto-unfold — chevron ▸ still
+    // expands manually.
+    const _scrollHost = dlFold.closest('.cookbook-body')
+      || dlFold.closest('#cookbook-modal .modal-content')
+      || dlFold.closest('.modal-content')
+      || document.scrollingElement
+      || document.body;
     const _onScroll = () => {
       if (dlFoldBody.style.display === 'none') return;
       const r = dlFold.getBoundingClientRect();
       const top = (_scrollHost && _scrollHost.getBoundingClientRect) ? _scrollHost.getBoundingClientRect().top : 0;
       if (r.bottom < top + 4) {
-        _autoFolded = true;
         _setFolded(true, /* persist */ false);
       }
     };