MediaWiki:Citizen.js: Difference between revisions

← Older edit Newer edit →

@@ Line 45: / Line 45: @@
 }
-// Helper: Smooth scroll to heading after expansion with smart delay
+// Helper: Proper scroll to real heading element, ignoring ghost anchors
 function smoothScrollToHeading(heading) {
    if (!heading) return;
+  // If the heading has no visible size (hidden anchor), find the first real heading
+  if (heading.offsetHeight === 0) {
+    const nextHeading = heading.parentElement.querySelector('h1, h2, h3, h4, h5, h6');
+    if (nextHeading) {
+      heading = nextHeading;
+    }
+  }
    setTimeout(() => {
@@ Line 53: / Line 61: @@
      setTimeout(() => {
-       const offset = 60; // How much we want to adjust upward
+       const offset = 60; // Adjust this offset if needed
-       const maxScrollableUp = window.scrollY; // How much room we have to scroll upward
+       const maxScrollableUp = window.scrollY;
        if (maxScrollableUp > offset) {
-         window.scrollBy(0, -offset); // Only scroll up if possible
+         window.scrollBy(0, -offset);
        } else {
-         window.scrollTo({ top: 0, behavior: 'smooth' }); // Scroll to top if near top
+         window.scrollTo({ top: 0, behavior: 'smooth' });
        }
-     }, 300); // Wait for smooth scroll to finish before offset
+     }, 300);
-   }, 300); // Wait for DOM reflow after expansion
+   }, 100); // Minor wait to ensure layout stabilizes
 }