MediaWiki:Citizen.js: Difference between revisions

← Older edit Newer edit →

@@ Line 23: / Line 23: @@
 });
-// === Auto-expand section if URL has a hash (on load and live click) ===
 function expandTargetedSectionById(id) {
    const header = document.getElementById(id);
@@ Line 35: / Line 34: @@
    }
-  // Scroll into view (after a slight delay to ensure layout updated)
    setTimeout(() => {
      header.scrollIntoView({ behavior: 'smooth', block: 'start' });
@@ Line 41: / Line 39: @@
 }
-// On page load: if URL has a hash like #Misc
+// Expand if URL has a hash on page load
 mw.hook('wikipage.content').add(function() {
    if (window.innerWidth >= 768) {
@@ Line 51: / Line 49: @@
 });
-// On TOC link clicks
+// Expand on hashchange (TOC click or manual URL change)
-document.addEventListener('click', function(e) {
+window.addEventListener('hashchange', function() {
-   if (window.innerWidth < 768) return; // only apply on desktop
+   if (window.innerWidth >= 768) {
+    const hash = window.location.hash;
-  const anchor = e.target.closest('a[href^="#"]');
+    if (hash && hash.length > 1) {
-  if (!anchor || !anchor.getAttribute('href')) return;
+      expandTargetedSectionById(hash.substring(1));
+     }
-  const targetId = anchor.getAttribute('href').substring(1);
+   }
-  if (!targetId) return;
-  // Delay slightly to ensure URL updates and default behavior applies
-  setTimeout(() => {
-     expandTargetedSectionById(targetId);
-   }, 0);
 });