From 4b5378a3cbd7350a530bbac4c916f781b809f888 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sun, 6 Oct 2024 15:13:17 +0800
Subject: fix: patch 849a9ed

fix logic about syncing by offset
---
 src/editor.mjs | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

(limited to 'src/editor.mjs')

diff --git a/src/editor.mjs b/src/editor.mjs
index dfafaa9..ca8e6b0 100644
--- a/src/editor.mjs
+++ b/src/editor.mjs
@@ -193,18 +193,19 @@ const htmlOnScroll = (ele) => () => {
   if (!linenumber) return
   const offset = (line.offsetTop + block.offsetTop - ele.scrollTop)
 
-  clearTimeout(dumbyContainer.timer)
   if (linenumber) {
     dumbyContainer.dataset.scrollLine = linenumber + '/' + offset
-    dumbyContainer.timer = setTimeout(
-      () => delete dumbyContainer.dataset.scrollLine,
-      50
-    )
   }
 }
 
 // Sync CodeMirror LineNumber with HTML Contents
 new window.MutationObserver(() => {
+  clearTimeout(dumbyContainer.timer)
+  dumbyContainer.timer = setTimeout(
+    () => delete dumbyContainer.dataset.scrollLine,
+    50
+  )
+
   const line = dumbyContainer.dataset.scrollLine
   if (line) {
     const [lineNumber, offset] = line.split('/')
@@ -224,16 +225,16 @@ cm.on('scroll', () => {
   const scrollInfo = cm.getScrollInfo()
   const lineNumber = cm.lineAtHeight(scrollInfo.top, 'local')
   textArea.dataset.scrollLine = lineNumber
+})
 
+// Sync HTML Contents with CodeMirror LineNumber
+new window.MutationObserver(() => {
   clearTimeout(textArea.timer)
   textArea.timer = setTimeout(
     () => delete textArea.dataset.scrollLine,
     1000
   )
-})
 
-// Sync HTML Contents with CodeMirror LineNumber
-new window.MutationObserver(() => {
   const line = textArea.dataset.scrollLine
   let lineNumber = Number(line)
   let p
@@ -246,9 +247,10 @@ new window.MutationObserver(() => {
   } while (!p && lineNumber < cm.doc.size)
   if (!p) return
 
-  const coords = cm.charCoords({ line: lineNumber, ch: 0 }, 'window')
+  const coords = cm.charCoords({ line: lineNumber, ch: 0 })
   p.scrollIntoView()
-  dumbymap.htmlHolder.scrollBy(0, -coords.top + 30)
+  const top = p.getBoundingClientRect().top
+  dumbymap.htmlHolder.scrollBy(0, top - coords.top + 30)
 }).observe(textArea, {
   attributes: true,
   attributeFilter: ['data-scroll-line']
@@ -724,6 +726,7 @@ const addSuggestions = (anchor, suggestions) => {
 cm.on('cursorActivity', _ => {
   menu.style.display = 'none'
   const anchor = cm.getCursor()
+  textArea.dataset.scrollLine = anchor.line
 
   if (insideCodeblockForMap(anchor)) {
     handleTypingInCodeBlock(anchor)
-- 
cgit v1.2.3-70-g09d2