From a10c2083900634a3ddbe96caad83a5613e5b0773 Mon Sep 17 00:00:00 2001
From: Sarah Third <sarahthird@gmail.com>
Date: Tue, 25 Nov 2025 13:25:09 -0800
Subject: [PATCH 1/2] [bouncing-back-bouncing-debouncing-bound-homewardbound]
 Revert "Resolving the cursor jumping in the Editor bug  (#2976)"

This reverts commit 9f9bb2327634a0fc21970fce4ac085a0d8e9a235.
---
 .changeset/mean-moles-poke.md          |  5 -----
 packages/perseus-editor/src/editor.tsx | 23 ++++++++++++++++++-----
 2 files changed, 18 insertions(+), 10 deletions(-)
 delete mode 100644 .changeset/mean-moles-poke.md

diff --git a/.changeset/mean-moles-poke.md b/.changeset/mean-moles-poke.md
deleted file mode 100644
index 24a0b698cf7..00000000000
--- a/.changeset/mean-moles-poke.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@khanacademy/perseus-editor": minor
----
-
-Resolving a long-standing Perseus Editor cursor jumping bug by removing the debounce on changes in the Editor and moving it upstream.
diff --git a/packages/perseus-editor/src/editor.tsx b/packages/perseus-editor/src/editor.tsx
index c22d3e75b56..8e0e1fffa01 100644
--- a/packages/perseus-editor/src/editor.tsx
+++ b/packages/perseus-editor/src/editor.tsx
@@ -162,6 +162,7 @@ type State = {
 // eslint-disable-next-line react/no-unsafe
 class Editor extends React.Component<Props, State> {
     lastUserValue: string | null | undefined;
+    deferredChange: any | null | undefined;
     widgetIds: any | null | undefined;
 
     underlay = React.createRef<HTMLDivElement>();
@@ -250,6 +251,12 @@ class Editor extends React.Component<Props, State> {
         }
     }
 
+    componentWillUnmount() {
+        // TODO(jeff, CP-3128): Use Wonder Blocks Timing API.
+        // eslint-disable-next-line no-restricted-syntax
+        clearTimeout(this.deferredChange);
+    }
+
     getWidgetEditor(
         id: string,
         type: PerseusWidget["type"],
@@ -434,11 +441,17 @@ class Editor extends React.Component<Props, State> {
     handleChange: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void = (
         e: React.SyntheticEvent<HTMLTextAreaElement>,
     ) => {
-        const newValue = e.currentTarget.value;
-        this.setState({textAreaValue: newValue});
-        if (newValue !== this.props.content) {
-            this.props.onChange({content: newValue});
-        }
+        // TODO(jeff, CP-3128): Use Wonder Blocks Timing API.
+        // eslint-disable-next-line no-restricted-syntax
+        clearTimeout(this.deferredChange);
+        this.setState({textAreaValue: e.currentTarget.value});
+        // TODO(jeff, CP-3128): Use Wonder Blocks Timing API.
+        // eslint-disable-next-line no-restricted-syntax
+        this.deferredChange = setTimeout(() => {
+            if (this.state.textAreaValue !== this.props.content) {
+                this.props.onChange({content: this.state.textAreaValue});
+            }
+        }, this.props.apiOptions.editorChangeDelay);
     };
 
     _handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void = (

From c581947623525d9da8d1b5687009c8e9f408890c Mon Sep 17 00:00:00 2001
From: Sarah Third <sarahthird@gmail.com>
Date: Tue, 25 Nov 2025 13:25:36 -0800
Subject: [PATCH 2/2] [bouncing-back-bouncing-debouncing-bound-homewardbound]
 docs(changeset): Reverting Editor Cursor Bouncing Fix

---
 .changeset/tough-deers-rescue.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/tough-deers-rescue.md

diff --git a/.changeset/tough-deers-rescue.md b/.changeset/tough-deers-rescue.md
new file mode 100644
index 00000000000..518c2a8b916
--- /dev/null
+++ b/.changeset/tough-deers-rescue.md
@@ -0,0 +1,5 @@
+---
+"@khanacademy/perseus-editor": patch
+---
+
+Reverting Editor Cursor Bouncing Fix