From 2fd3c28a7a64b1b5d276cff3a5a47d642f030d2b Mon Sep 17 00:00:00 2001
From: Andrew Morgan <andrew@amorgan.xyz>
Date: Fri, 20 Mar 2026 12:53:45 +0000
Subject: [PATCH] Attempt to fix page jump upon expanding search results

---
 assets/js/offline-search.js      | 2 +-
 assets/scss/_styles_project.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/js/offline-search.js b/assets/js/offline-search.js
index e97742fc..ebf65adf 100644
--- a/assets/js/offline-search.js
+++ b/assets/js/offline-search.js
@@ -179,7 +179,7 @@ search backend.
 
               $searchResultBody.append($("<p>").append($expander));
               $wrapper = $("<div>")
-                .addClass("collapse")
+                .addClass("collapse td-offline-search-results__subresults")
                 .attr("id", wrapper_id)
                 .on("hide.bs.collapse", _ => $action.text("▶ Show"))
                 .on("show.bs.collapse", _ => $action.text("▼ Hide"));
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index bf2c2ba3..f6a4897f 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -668,6 +668,12 @@ dd {
   max-width: 460px;
 }
 
+.td-offline-search-results .td-offline-search-results__subresults.collapse.show {
+  // Prevent the first child margin from collapsing upward when Bootstrap
+  // finishes the collapse animation, which otherwise causes a small jump.
+  display: flow-root;
+}
+
 .td-offline-search-results .spinner-container {
   text-align: center;
 }