[Interactive Graph Editor] Stop cursor jumps in number input fields

[nishasy]

Summary:

In order to stop cursor jumps in number fields, up I'm updating the ScrolllessNumberTextField
component to have part of the implementation of EditableControlledInput, which makes sure that
the input stays consistent until blurred.

Issue: https://khanacademy.atlassian.net/browse/LEMS-2303

Test plan:

• Go to http://localhost:6006/?path=/story/perseuseditor-widgets-interactive-graph--interactive-graph-segments
• Scroll down to the start coords for the segments
• Clear an input and type in ".5"
• Confirm that it does NOT auto-update to 0.5 immediately
• Confirm that it auto-updates to 0.5 after moving focus off the input
• Type in "1.5"
• Move the cursor right before the "."
• Press backspace
• Confirm that the cursor does not jump

Before and after demos

Before

Screen.Recording.2024-11-25.at.4.31.12.PM.mov

After

Screen.Recording.2024-11-25.at.4.31.55.PM.mov

[github-actions]

Size Change: +381 B (+0.03%)

Total Size: 1.29 MB

Filename	Size	Change
packages/perseus-editor/dist/es/index.js	698 kB	+381 B (+0.05%)

ℹ️ View Unchanged

Filename	Size
packages/kas/dist/es/index.js	39 kB
packages/keypad-context/dist/es/index.js	760 B
packages/kmath/dist/es/index.js	4.27 kB
packages/math-input/dist/es/index.js	77.9 kB
packages/math-input/dist/es/strings.js	1.79 kB
packages/perseus-core/dist/es/index.js	1.48 kB
packages/perseus-linter/dist/es/index.js	22.2 kB
packages/perseus/dist/es/index.js	421 kB
packages/perseus/dist/es/strings.js	3.57 kB
packages/pure-markdown/dist/es/index.js	3.66 kB
packages/simple-markdown/dist/es/index.js	12.5 kB

_{compressed-size-action}

[github-actions]

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (5438c5c) and published it to npm. You
can install it using the tag PR1912.

Example:

yarn add @khanacademy/perseus@PR1912

If you are working in Khan Academy's webapp, you can run:

./dev/tools/bump_perseus_version.sh -t PR1912

[khan-actions-bot]

Gerald

Required Reviewers

• @Khan/perseus for changes to .changeset/neat-kiwis-relax.md, packages/perseus-editor/src/components/scrollless-number-text-field.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-point-settings.tsx

---

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.