@instructure/ui-source-code-editor 11.7.2-snapshot-27 → 11.7.2-snapshot-28

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.2-snapshot-27](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-27) (2026-04-02)
+## [11.7.2-snapshot-28](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-28) (2026-04-07)
 
-**Note:** Version bump only for package @instructure/ui-source-code-editor
+
+### Bug Fixes
+
+* **ui-source-code-editor:** preserve scroll position in controlled mode ([49dd754](https://github.com/instructure/instructure-ui/commit/49dd754ffd5518219cec5e55d65e9ca86dfc5868))
 
 
 

package/es/SourceCodeEditor/v2/index.js

@@ -477,6 +477,7 @@ let SourceCodeEditor = (_dec = withDeterministicId(), _dec2 = withStyle(generate
       } else if (lengthDiff === -1) {
         userEvent = 'delete.backward';
       }
+      const scrollTop = this._editorView.scrollDOM.scrollTop;
       this.dispatchViewChanges({
         changes: {
           from: 0,
@@ -486,6 +487,13 @@ let SourceCodeEditor = (_dec = withDeterministicId(), _dec2 = withStyle(generate
         selection: this._newSelectionAfterValueChange,
         userEvent: userEvent
       });
+
+      // Restore scroll position after CodeMirror updates the DOM
+      this.addAnimationFrame(() => {
+        if (this._editorView) {
+          this._editorView.scrollDOM.scrollTop = scrollTop;
+        }
+      });
       this._newSelectionAfterValueChange = void 0;
     }
     if (this.props.indentOnLoad) {

package/lib/SourceCodeEditor/v2/index.js

@@ -484,6 +484,7 @@ let SourceCodeEditor = exports.SourceCodeEditor = (_dec = (0, _withDeterministic
       } else if (lengthDiff === -1) {
         userEvent = 'delete.backward';
       }
+      const scrollTop = this._editorView.scrollDOM.scrollTop;
       this.dispatchViewChanges({
         changes: {
           from: 0,
@@ -493,6 +494,13 @@ let SourceCodeEditor = exports.SourceCodeEditor = (_dec = (0, _withDeterministic
         selection: this._newSelectionAfterValueChange,
         userEvent: userEvent
       });
+
+      // Restore scroll position after CodeMirror updates the DOM
+      this.addAnimationFrame(() => {
+        if (this._editorView) {
+          this._editorView.scrollDOM.scrollTop = scrollTop;
+        }
+      });
       this._newSelectionAfterValueChange = void 0;
     }
     if (this.props.indentOnLoad) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-source-code-editor",
-  "version": "11.7.2-snapshot-27",
+  "version": "11.7.2-snapshot-28",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -29,24 +29,24 @@
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.34.1",
     "@lezer/highlight": "1.2.1",
-    "@instructure/emotion": "11.7.2-snapshot-27",
-    "@instructure/shared-types": "11.7.2-snapshot-27",
-    "@instructure/ui-buttons": "11.7.2-snapshot-27",
-    "@instructure/ui-a11y-content": "11.7.2-snapshot-27",
-    "@instructure/ui-dom-utils": "11.7.2-snapshot-27",
-    "@instructure/ui-i18n": "11.7.2-snapshot-27",
-    "@instructure/ui-react-utils": "11.7.2-snapshot-27",
-    "@instructure/ui-text-input": "11.7.2-snapshot-27",
-    "@instructure/ui-icons": "11.7.2-snapshot-27",
-    "@instructure/ui-themes": "11.7.2-snapshot-27",
-    "@instructure/ui-utils": "11.7.2-snapshot-27"
+    "@instructure/emotion": "11.7.2-snapshot-28",
+    "@instructure/ui-a11y-content": "11.7.2-snapshot-28",
+    "@instructure/shared-types": "11.7.2-snapshot-28",
+    "@instructure/ui-buttons": "11.7.2-snapshot-28",
+    "@instructure/ui-dom-utils": "11.7.2-snapshot-28",
+    "@instructure/ui-i18n": "11.7.2-snapshot-28",
+    "@instructure/ui-icons": "11.7.2-snapshot-28",
+    "@instructure/ui-react-utils": "11.7.2-snapshot-28",
+    "@instructure/ui-text-input": "11.7.2-snapshot-28",
+    "@instructure/ui-themes": "11.7.2-snapshot-28",
+    "@instructure/ui-utils": "11.7.2-snapshot-28"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.7.2-snapshot-27"
+    "@instructure/ui-babel-preset": "11.7.2-snapshot-28"
   },
   "peerDependencies": {
     "react": ">=18 <=19",

package/src/SourceCodeEditor/v2/index.tsx

@@ -631,6 +631,8 @@ class SourceCodeEditor extends Component<SourceCodeEditorProps> {
         userEvent = 'delete.backward'
       }
 
+      const scrollTop = this._editorView.scrollDOM.scrollTop
+
       this.dispatchViewChanges({
         changes: {
           from: 0,
@@ -640,6 +642,14 @@ class SourceCodeEditor extends Component<SourceCodeEditorProps> {
         selection: this._newSelectionAfterValueChange,
         userEvent: userEvent
       })
+
+      // Restore scroll position after CodeMirror updates the DOM
+      this.addAnimationFrame(() => {
+        if (this._editorView) {
+          this._editorView.scrollDOM.scrollTop = scrollTop
+        }
+      })
+
       this._newSelectionAfterValueChange = undefined
     }