gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): make new editor more accessible (#44425)

Browse Source
This commit is contained in:
Tom
2021-12-08 18:28:20 -06:00
committed by GitHub
parent 09352ad3c2
commit 6872262d21
1 changed files with 0 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/templates/Challenges/classic/editor.tsx
View File

@ -491,7 +491,6 @@ const Editor = (props: EditorProps): JSX.Element => {
// The z-index needs increasing as ViewZones default to below the lines. // The z-index needs increasing as ViewZones default to below the lines.
domNode.style.zIndex = '10'; domNode.style.zIndex = '10';
domNode.setAttribute('aria-hidden', 'true');
domNode.style.left = `${editor.getLayoutInfo().contentLeft}px`; domNode.style.left = `${editor.getLayoutInfo().contentLeft}px`;
domNode.style.width = `${editor.getLayoutInfo().contentWidth}px`; domNode.style.width = `${editor.getLayoutInfo().contentWidth}px`;
@ -527,8 +526,6 @@ const Editor = (props: EditorProps): JSX.Element => {
// The z-index needs increasing as ViewZones default to below the lines. // The z-index needs increasing as ViewZones default to below the lines.
outputNode.style.zIndex = '10'; outputNode.style.zIndex = '10';
outputNode.setAttribute('aria-hidden', 'true');
outputNode.style.left = `${editor.getLayoutInfo().contentLeft}px`; outputNode.style.left = `${editor.getLayoutInfo().contentLeft}px`;
outputNode.style.width = `${editor.getLayoutInfo().contentWidth}px`; outputNode.style.width = `${editor.getLayoutInfo().contentWidth}px`;