From d166b24d59dd80e83104780f385ffbf86750ca75 Mon Sep 17 00:00:00 2001
From: Jerry Kim <42jerrykim@gmail.com>
Date: Tue, 24 Dec 2024 12:52:05 +0900
Subject: [PATCH] Use ResizeObserver to detect changes in the size of
 .article-content

This code is for handling changes in position caused by content rendered as part of post-processing, such as Mermaid diagrams
---
 assets/ts/scrollspy.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/assets/ts/scrollspy.ts b/assets/ts/scrollspy.ts
index 8a14085..95cee0d 100644
--- a/assets/ts/scrollspy.ts
+++ b/assets/ts/scrollspy.ts
@@ -125,6 +125,15 @@ function setupScrollspy() {
         scrollHandler();
     }
 
+    // Use ResizeObserver to detect changes in the size of .article-content
+    const articleContent = document.querySelector(".article-content");
+    if (articleContent) {
+        const resizeObserver = new ResizeObserver(() => {
+            resizeHandler();
+        });
+        resizeObserver.observe(articleContent);
+}
+
     window.addEventListener("resize", debounced(resizeHandler));
 }