fix(frontend): do not scroll initially

Make sure the CodeMirror DOM is fully ready before inserting a spacer
element for overscroll behavior.

1 files changed, 14 insertions, 1 deletions

diff --git a/subprojects/frontend/src/editor/scrollbarViewPlugin.ts b/subprojects/frontend/src/editor/scrollbarViewPlugin.ts
index 8f165e89..f54251a9 100644
--- a/subprojects/frontend/src/editor/scrollbarViewPlugin.ts
+++ b/subprojects/frontend/src/editor/scrollbarViewPlugin.ts
@@ -238,6 +238,8 @@ export default function scrollbarViewPlugin(
 
     let gutters: Element | undefined;
 
+    let firstRun = true;
+    let firstRunTimeout: number | undefined;
     let requested = false;
     let rebuildRequested = false;
 
@@ -260,7 +262,18 @@ export default function scrollbarViewPlugin(
       const { scrollTop, scrollLeft, scrollWidth } = scrollDOM;
       const scrollHeight =
         view.contentHeight + scrollerHeight - view.defaultLineHeight;
-      spacer.style.minHeight = `${scrollHeight}px`;
+      if (firstRun) {
+        if (firstRunTimeout !== undefined) {
+          clearTimeout(firstRunTimeout);
+        }
+        // @ts-expect-error `@types/node` typings should not be in effect here.
+        firstRunTimeout = setTimeout(() => {
+          spacer.style.minHeight = `${scrollHeight}px`;
+          firstRun = false;
+        }, 0);
+      } else {
+        spacer.style.minHeight = `${scrollHeight}px`;
+      }
       gutterWidth = gutters?.clientWidth ?? 0;
       let trackYHeight = scrollerHeight;