From 6014b416f95980cbd0f7b9b814ebcf543af3dc01 Mon Sep 17 00:00:00 2001
From: bryanhoffman <bryanhoffman1@gmail.com>
Date: Mon, 30 Mar 2026 10:08:19 -0500
Subject: [PATCH] Placed the logic for scroll blocking in the
 src/components/CodeEmbed/frame.tsx file instead of the examples themselves
 which was admittedly a sloppy solution.

---
 src/components/CodeEmbed/frame.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/CodeEmbed/frame.tsx b/src/components/CodeEmbed/frame.tsx
index 35c14e0393..01b4bc1a21 100644
--- a/src/components/CodeEmbed/frame.tsx
+++ b/src/components/CodeEmbed/frame.tsx
@@ -42,6 +42,11 @@ canvas {
 }
 ${code.css || ""}
 </style>
+<script>
+window.addEventListener("keydown", (e) => {
+  if (["ArrowUp", "ArrowDown", " "].includes(e.key)) e.preventDefault();
+}, { passive: false });
+</script>
 <!-- If we need an addon script, load p5 the usual way with no caching to make sure
 the import order doesn't get messed up. -->
 ${((code.scripts?.length ?? 0) > 0 ? [(code.scripts ?? [])] : []).map((src) => `<script type="text/javascript" src="${src}"></script>`).join('\n')}