MediaWiki:Citizen.js: Difference between revisions

← Older edit Newer edit →

@@ Line 33: / Line 33: @@
 }
-// === Handle TOC clicks (during browsing) ===
+// === Handle direct URL loads with a hash ===
 mw.hook('wikipage.content').add(function() {
-   if (window.innerWidth < 768) return; // Desktop only
+   if (window.innerWidth >= 768) {
+     const hash = window.location.hash;
-  mw.loader.using('skins.citizen.toc').then(function() {
+     if (hash && hash.length > 1) {
-     const citizenToc = require('skins.citizen.toc');
+       const headingId = hash.substring(1);
-     const originalOnHeadingClick = citizenToc.props.onHeadingClick;
-    citizenToc.props.onHeadingClick = function(id) {
-       const headingId = id.replace(/^toc-/, '');
        const heading = document.getElementById(headingId);
        if (heading) {
@@ Line 51: / Line 47: @@
          }, 50);
        }
+     }
-      if (originalOnHeadingClick) {
+   }
-        originalOnHeadingClick(id);
-      }
-     };
-   });
 });
-// === Handle direct URL loads with a hash (on page load) ===
+// === Hook into Citizen TOC clicks ===
 mw.hook('wikipage.content').add(function() {
-   if (window.innerWidth < 768) return; // Desktop only
+   if (window.innerWidth >= 768) {
+    mw.loader.using('skins.citizen.toc').then(function() {
+      const citizenToc = require('skins.citizen.toc');
+      const originalOnHeadingClick = citizenToc.props.onHeadingClick;
+      citizenToc.props.onHeadingClick = function(id) {
+        const headingId = id.replace(/^toc-/, ''); // Remove toc- prefix
+        const heading = document.getElementById(headingId);
+        if (heading) {
+          expandParentSectionIfNeeded(heading);
-  const hash = window.location.hash;
+          // Scroll manually without waiting
-  if (hash && hash.length > 1) {
+          setTimeout(() => {
-    const headingId = hash.substring(1);
+            heading.scrollIntoView({ behavior: 'smooth', block: 'start' });
-    const heading = document.getElementById(headingId);
+          }, 50);
-    if (heading) {
+        }
-      expandParentSectionIfNeeded(heading);
-      // Scroll after expanding
+        if (originalOnHeadingClick) {
-      setTimeout(() => {
+          originalOnHeadingClick(id);
-        heading.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
-       }, 50);
+       };
-     }
+     });
    }
 });