aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--language-web/src/main/js/editor/EditorArea.tsx9
1 files changed, 8 insertions, 1 deletions
diff --git a/language-web/src/main/js/editor/EditorArea.tsx b/language-web/src/main/js/editor/EditorArea.tsx
index 460005ce..7b6201ed 100644
--- a/language-web/src/main/js/editor/EditorArea.tsx
+++ b/language-web/src/main/js/editor/EditorArea.tsx
@@ -1,7 +1,6 @@
1import { Command, EditorView } from '@codemirror/view'; 1import { Command, EditorView } from '@codemirror/view';
2import { closeSearchPanel, openSearchPanel } from '@codemirror/search'; 2import { closeSearchPanel, openSearchPanel } from '@codemirror/search';
3import { closeLintPanel, openLintPanel } from '@codemirror/lint'; 3import { closeLintPanel, openLintPanel } from '@codemirror/lint';
4
5import { observer } from 'mobx-react-lite'; 4import { observer } from 'mobx-react-lite';
6import React, { 5import React, {
7 useCallback, 6 useCallback,
@@ -64,6 +63,13 @@ function usePanel(
64 return setCachedViewState; 63 return setCachedViewState;
65} 64}
66 65
66function fixCodeMirrorAccessibility(editorView: EditorView) {
67 // Reported by Lighthouse 8.3.0.
68 const { contentDOM } = editorView;
69 contentDOM.removeAttribute('aria-expanded');
70 contentDOM.setAttribute('aria-label', 'Code editor');
71}
72
67export const EditorArea = observer(() => { 73export const EditorArea = observer(() => {
68 const { editorStore } = useRootStore(); 74 const { editorStore } = useRootStore();
69 const editorParentRef = useRef<HTMLDivElement | null>(null); 75 const editorParentRef = useRef<HTMLDivElement | null>(null);
@@ -109,6 +115,7 @@ export const EditorArea = observer(() => {
109 } 115 }
110 }, 116 },
111 }); 117 });
118 fixCodeMirrorAccessibility(editorView);
112 setEditorViewState(editorView); 119 setEditorViewState(editorView);
113 setSearchPanelOpen(false); 120 setSearchPanelOpen(false);
114 setLintPanelOpen(false); 121 setLintPanelOpen(false);