@helping-ai-workflow/md2doc 3.9.0 → 3.9.1

package/lib/md2doc.js

@@ -4668,11 +4668,19 @@ ${mermaidInitTag}`)
   var anchorTop = 0;
   var anchorFrame = 0;
   var suppressAnchorCapture = false;
+  // Column width the anchor was last captured/held at; -1 until the column
+  // ResizeObserver below is installed. See captureScrollAnchor's first guard.
+  var lastAnchorColW = -1;
   var lastLayoutWidth = document.documentElement.clientWidth;
   var lastPixelRatio = window.devicePixelRatio;
 
   function captureScrollAnchor() {
     if (suppressAnchorCapture || !contentEl) return;
+    // A column reflow the ResizeObserver has not delivered yet: during a
+    // splitter drag the next pointermove lands before holdScrollAnchor's
+    // trailing capture frame, so capturing now would pin a post-reflow node
+    // and the observer's restore would then find nothing to correct.
+    if (lastAnchorColW >= 0 && contentEl.clientWidth !== lastAnchorColW) return;
     var rect = contentEl.getBoundingClientRect();
     var hit = document.elementFromPoint(rect.left + rect.width / 2, ANCHOR_LINE);
     var node = (hit && hit.closest) ? hit.closest('main.content > *') : null;
@@ -4724,14 +4732,7 @@ ${mermaidInitTag}`)
     });
   }, { passive: true });
 
-  window.addEventListener('resize', function () {
-    var width = document.documentElement.clientWidth;
-    var ratio = window.devicePixelRatio;
-    // A height-only change (a mobile browser hiding its toolbar, a devtools
-    // dock) reflows nothing, so correcting the scroll would only jerk the page.
-    if (width === lastLayoutWidth && ratio === lastPixelRatio) return;
-    lastLayoutWidth = width;
-    lastPixelRatio = ratio;
+  function holdScrollAnchor() {
     // Hold the anchor across the whole reflow: the scrollTo below fires scroll
     // events that would otherwise re-capture a mid-reflow position.
     suppressAnchorCapture = true;
@@ -4743,8 +4744,37 @@ ${mermaidInitTag}`)
         captureScrollAnchor();
       });
     });
+  }
+
+  window.addEventListener('resize', function () {
+    var width = document.documentElement.clientWidth;
+    var ratio = window.devicePixelRatio;
+    // A height-only change (a mobile browser hiding its toolbar, a devtools
+    // dock) reflows nothing, so correcting the scroll would only jerk the page.
+    if (width === lastLayoutWidth && ratio === lastPixelRatio) return;
+    lastLayoutWidth = width;
+    lastPixelRatio = ratio;
+    holdScrollAnchor();
   });
 
+  // The column also narrows and widens with no window resize at all: a
+  // sidebar-splitter drag, its double-click reset and the TOC collapse toggle
+  // only move --md2doc-sidebar-w / data-toc-collapsed, so the 'resize' listener
+  // above never hears about them and the reflow slid the page by thousands of
+  // px. Watch the column itself. Width only: its height changes whenever an
+  // image or diagram finishes loading, which reflows nothing above the anchor.
+  // The first callback (fired by observe()) sees the starting width and does
+  // nothing, so a load that lands on a #hash is never pulled back.
+  if (contentEl && typeof ResizeObserver === 'function') {
+    lastAnchorColW = contentEl.clientWidth;
+    new ResizeObserver(function () {
+      var w = contentEl.clientWidth;
+      if (w === lastAnchorColW) return;
+      lastAnchorColW = w;
+      holdScrollAnchor();
+    }).observe(contentEl);
+  }
+
   captureScrollAnchor();
 
   // ── drawio sheet bar ─────────────────────────────────────────────────────

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helping-ai-workflow/md2doc",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "description": "Markdown → HTML / PDF renderer with WaveDrom, Mermaid, Graphviz, and draw.io support",
   "keywords": [
     "markdown",