From 8977114806a44acf32049ac3f7c739cfde83ad71 Mon Sep 17 00:00:00 2001
From: Svilen Markov <7613769+svilenmarkov@users.noreply.github.com>
Date: Thu, 16 May 2024 21:17:10 +0100
Subject: [PATCH] Fix viewport offset after collapsing

---
 internal/assets/static/main.js | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/internal/assets/static/main.js b/internal/assets/static/main.js
index 5f6827b..31f1838 100644
--- a/internal/assets/static/main.js
+++ b/internal/assets/static/main.js
@@ -197,17 +197,30 @@ function setupCollapsibleLists() {
         button.classList.add("list-collapsible-label");
         button.append(textNode, arrowElement);
         button.addEventListener("click", () => {
+            expanded = !expanded;
+
             if (expanded) {
-                listElement.classList.remove("list-collapsible-expanded");
-                button.classList.remove("list-collapsible-label-expanded");
-                textNode.nodeValue = showMoreText;
-            } else {
                 listElement.classList.add("list-collapsible-expanded");
                 button.classList.add("list-collapsible-label-expanded");
                 textNode.nodeValue = showLessText;
+                return;
             }
 
-            expanded = !expanded;
+            const topBefore = button.getClientRects()[0].top;
+
+            listElement.classList.remove("list-collapsible-expanded");
+            button.classList.remove("list-collapsible-label-expanded");
+            textNode.nodeValue = showMoreText;
+
+            const topAfter = button.getClientRects()[0].top;
+
+            if (topAfter > 0)
+                return;
+
+            window.scrollBy({
+                top: topAfter - topBefore,
+                behavior: "instant"
+            });
         });
 
         listElement.after(button);