#3209 Make the sidebar scroll into view of the active item

Signed-off-by: James Hunt <[email protected]>
cncf · Dec 29, 2024 · ad4651a · ad4651a
1 parent 01253b7
commit ad4651a
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/layouts/partials/sidebar-tree.html b/layouts/partials/sidebar-tree.html
@@ -13,7 +13,7 @@
   </form>
   <div class="search-by-tag">
     <a href="{{ relref . "/tags" }}">{{ T "ui_or_search_by_tags" }}</a>
-  </div>  
+  </div>
   {{ else -}}
   <div id="content-mobile">
   <form class="td-sidebar__search d-flex align-items-center">
@@ -74,4 +74,16 @@
   </ul>
   {{- end }}
 </li>
-{{- end }}
+{{- end }}
+
+<script>
+	document.addEventListener("DOMContentLoaded", function () {
+	  const activeLink = document.querySelector(".td-sidebar-nav__section .active");
+	  if (activeLink) {
+		activeLink.scrollIntoView({
+		  behavior: "smooth",
+		  block: "center",
+		});
+	  }
+	});
+	</script>