Revert to swup on list

elixir-lang · Jan 25, 2025 · 0916d53 · 0916d53
1 parent 2b8fe60
commit 0916d53
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/assets/js/sidebar/sidebar-drawer.js b/assets/js/sidebar/sidebar-drawer.js
@@ -47,6 +47,7 @@ if (!isEmbedded) {
     sessionStorage.setItem(SIDEBAR_WIDTH_KEY, width)
     document.body.style.setProperty('--sidebarWidth', `${width}px`)
   })
+
   // We observe on mousedown because we only care about user resize.
   sidebar.addEventListener('mousedown', () => resizeObserver.observe(sidebar))
   sidebar.addEventListener('mouseup', () => resizeObserver.unobserve(sidebar))

diff --git a/assets/js/sidebar/sidebar-list.js b/assets/js/sidebar/sidebar-list.js
@@ -89,7 +89,11 @@ export function initialize () {
   })
 
   window.addEventListener('hashchange', markCurrentHashInSidebar)
-  window.addEventListener('exdoc:loaded', markCurrentHashInSidebar)
+
+  // We listen to swup:page:view event because we need to trigger
+  // markCurrentHashInSidebar() before scollNodeListToCurrentCategory.
+  window.addEventListener('swup:page:view', markCurrentHashInSidebar)
+  markCurrentHashInSidebar()
 
   // Triggers layout, defer.
   requestAnimationFrame(scrollNodeListToCurrentCategory)