Typing 'too fast' causes cursor to jump to end of monaco editor

Easiest way for me to reproduce this is to load up a scratch and then hold down a key, e.g. / to add a bunch of slashes. After ~3 the cursor jumps to the bottom of the editor.

I feel like this has something to do with the setState value/set being shared/reused with the editor, i.e. the value of the editor is set via setCCode. If the call to setCCode is removed, then the problem disappears - however the value of cCode is not set so the value being past to the compiler, so it’s not a solution.

[mkst]

@zbanks found the fix, decouple value and use defaultValue instead:

--- a/frontend/src/scratch/Editor.jsx
+++ b/frontend/src/scratch/Editor.jsx
@@ -41,7 +41,7 @@ export default function Editor({ forceLoading, value, onChange, padding }) {
                     wordWrap: "on",
                     padding: padding ? { top: 30, bottom: 30 } : {},
                 }}
-                value={value}
+                defaultValue={value}
                 onChange={onChange}
             />
         </div>

[ethteck]

To update, this happens when you just type two characters in rapid succession. You can reproduce it by just pressing two keys at the same time.