From 0ee7146d49deeca18e5c7738b56c3703d0eb2355 Mon Sep 17 00:00:00 2001
From: Andrew Zamojc <me@andrewzamojc.com>
Date: Thu, 15 Jan 2026 17:27:20 -0500
Subject: [PATCH 1/3] add storybook test case for code block scrolling

---
 src/lib/holocene/code-block.stories.svelte | 25 ++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/lib/holocene/code-block.stories.svelte b/src/lib/holocene/code-block.stories.svelte
index 3a36d6f6cb..170cf3b066 100644
--- a/src/lib/holocene/code-block.stories.svelte
+++ b/src/lib/holocene/code-block.stories.svelte
@@ -366,3 +366,28 @@ var myClient = TemporalClient.ConnectAsync(new("<endpoint>")
     copyable: false,
   }}
 />
+
+<Story name="Test page scrolling">
+  <div>
+    <h1>content aaa</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <CodeBlock copyable language="json" content={largeJson} maxHeight={300} />
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content</h1>
+    <h1>content zzz</h1>
+  </div>
+</Story>

From 8915af5f97d959a7d2ddda224e3d0f82c0766512 Mon Sep 17 00:00:00 2001
From: Andrew Zamojc <me@andrewzamojc.com>
Date: Thu, 15 Jan 2026 17:27:44 -0500
Subject: [PATCH 2/3] remove overflow behaviour property from .cm-scroller in
 code block styling

---
 src/lib/vendor/codemirror/custom-extensions.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/vendor/codemirror/custom-extensions.ts b/src/lib/vendor/codemirror/custom-extensions.ts
index 047275bcca..d69e0d1b42 100644
--- a/src/lib/vendor/codemirror/custom-extensions.ts
+++ b/src/lib/vendor/codemirror/custom-extensions.ts
@@ -37,7 +37,6 @@ const baseTheme = {
     // Ensure inner scroller reliably captures wheel/touchpad scroll,
     // especially on Firefox with mouse wheels.
     overflow: 'auto',
-    overscrollBehavior: 'contain',
   },
   '.cm-content': {
     caretColor: css('--color-text-primary'),

From b768db6f6ef617774f26bf2eed65b992d441186f Mon Sep 17 00:00:00 2001
From: Andrew Zamojc <me@andrewzamojc.com>
Date: Mon, 2 Feb 2026 15:30:41 -0500
Subject: [PATCH 3/3] touch up story

---
 src/lib/holocene/code-block.stories.svelte | 39 +++++++++++-----------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/lib/holocene/code-block.stories.svelte b/src/lib/holocene/code-block.stories.svelte
index 170cf3b066..eb74a8f825 100644
--- a/src/lib/holocene/code-block.stories.svelte
+++ b/src/lib/holocene/code-block.stories.svelte
@@ -369,25 +369,26 @@ var myClient = TemporalClient.ConnectAsync(new("<endpoint>")
 
 <Story name="Test page scrolling">
   <div>
-    <h1>content aaa</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
+    <p>
+      content<br />
+      content<br />
+      content<br />
+      content<br />
+      content<br />
+      content<br />
+      content<br />
+      content
+    </p>
     <CodeBlock copyable language="json" content={largeJson} maxHeight={300} />
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content</h1>
-    <h1>content zzz</h1>
+    <p>
+      content<br />
+      content<br />
+      content<br />
+      content<br />
+      content<br />
+      content<br />
+      content<br />
+      content
+    </p>
   </div>
 </Story>