@instructure/ui-source-code-editor 10.14.1-snapshot-4 → 10.14.1-snapshot-7

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.
 
-## [10.14.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v10.14.0...v10.14.1-snapshot-4) (2025-03-27)
+## [10.14.1-snapshot-7](https://github.com/instructure/instructure-ui/compare/v10.14.0...v10.14.1-snapshot-7) (2025-03-28)
 
-**Note:** Version bump only for package @instructure/ui-source-code-editor
+
+### Bug Fixes
+
+* **ui-source-code-editor:** make scrollview in SourceCodeEditor keyboard accessible ([6b3701c](https://github.com/instructure/instructure-ui/commit/6b3701cf076431ec56e0e5cfc720bbdc2114d885))
 
 
 

package/es/SourceCodeEditor/index.js

@@ -221,6 +221,14 @@ let SourceCodeEditor = (_dec = withDeterministicId(), _dec2 = withStyle(generate
       state,
       parent: this._containerRef
     });
+
+    // from the a11y team:
+    // axe devtools and other automated a11y tests both flagging this issue,
+    // which can be observed while navigating with keyboard:
+    // Ensure elements that have scrollable content are accessible by keyboard
+    // To solve this problem, you need to fix at least (1) of the following:
+    // Element should have focusable content, Element should be focusable
+    this._editorView.scrollDOM.tabIndex = 0;
     if (autofocus) {
       this.focus();
     }

package/lib/SourceCodeEditor/index.js

@@ -228,6 +228,14 @@ let SourceCodeEditor = exports.SourceCodeEditor = (_dec = (0, _withDeterministic
       state,
       parent: this._containerRef
     });
+
+    // from the a11y team:
+    // axe devtools and other automated a11y tests both flagging this issue,
+    // which can be observed while navigating with keyboard:
+    // Ensure elements that have scrollable content are accessible by keyboard
+    // To solve this problem, you need to fix at least (1) of the following:
+    // Element should have focusable content, Element should be focusable
+    this._editorView.scrollDOM.tabIndex = 0;
     if (autofocus) {
       this.focus();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-source-code-editor",
-  "version": "10.14.1-snapshot-4",
+  "version": "10.14.1-snapshot-7",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,9 +23,9 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.14.1-snapshot-4",
-    "@instructure/ui-test-queries": "10.14.1-snapshot-4",
-    "@instructure/ui-test-utils": "10.14.1-snapshot-4",
+    "@instructure/ui-babel-preset": "10.14.1-snapshot-7",
+    "@instructure/ui-test-queries": "10.14.1-snapshot-7",
+    "@instructure/ui-test-utils": "10.14.1-snapshot-7",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "vitest": "^2.1.8"
@@ -45,20 +45,20 @@
     "@codemirror/search": "^6.5.6",
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.34.1",
-    "@instructure/emotion": "10.14.1-snapshot-4",
-    "@instructure/shared-types": "10.14.1-snapshot-4",
-    "@instructure/ui-a11y-content": "10.14.1-snapshot-4",
-    "@instructure/ui-buttons": "10.14.1-snapshot-4",
-    "@instructure/ui-dom-utils": "10.14.1-snapshot-4",
-    "@instructure/ui-i18n": "10.14.1-snapshot-4",
-    "@instructure/ui-icons": "10.14.1-snapshot-4",
-    "@instructure/ui-prop-types": "10.14.1-snapshot-4",
-    "@instructure/ui-react-utils": "10.14.1-snapshot-4",
-    "@instructure/ui-test-locator": "10.14.1-snapshot-4",
-    "@instructure/ui-testable": "10.14.1-snapshot-4",
-    "@instructure/ui-text-input": "10.14.1-snapshot-4",
-    "@instructure/ui-themes": "10.14.1-snapshot-4",
-    "@instructure/ui-utils": "10.14.1-snapshot-4",
+    "@instructure/emotion": "10.14.1-snapshot-7",
+    "@instructure/shared-types": "10.14.1-snapshot-7",
+    "@instructure/ui-a11y-content": "10.14.1-snapshot-7",
+    "@instructure/ui-buttons": "10.14.1-snapshot-7",
+    "@instructure/ui-dom-utils": "10.14.1-snapshot-7",
+    "@instructure/ui-i18n": "10.14.1-snapshot-7",
+    "@instructure/ui-icons": "10.14.1-snapshot-7",
+    "@instructure/ui-prop-types": "10.14.1-snapshot-7",
+    "@instructure/ui-react-utils": "10.14.1-snapshot-7",
+    "@instructure/ui-test-locator": "10.14.1-snapshot-7",
+    "@instructure/ui-testable": "10.14.1-snapshot-7",
+    "@instructure/ui-text-input": "10.14.1-snapshot-7",
+    "@instructure/ui-themes": "10.14.1-snapshot-7",
+    "@instructure/ui-utils": "10.14.1-snapshot-7",
     "@lezer/highlight": "1.2.1",
     "prop-types": "^15.8.1"
   },

package/src/SourceCodeEditor/index.tsx

@@ -295,6 +295,14 @@ class SourceCodeEditor extends Component<SourceCodeEditorProps> {
       parent: this._containerRef
     })
 
+    // from the a11y team:
+    // axe devtools and other automated a11y tests both flagging this issue,
+    // which can be observed while navigating with keyboard:
+    // Ensure elements that have scrollable content are accessible by keyboard
+    // To solve this problem, you need to fix at least (1) of the following:
+    // Element should have focusable content, Element should be focusable
+    this._editorView.scrollDOM.tabIndex = 0
+
     if (autofocus) {
       this.focus()
     }