fix microsoft#184618

Author: meganrogge

src/vs/workbench/contrib/accessibility/browser/accessibleView.ts

@@ -96,7 +96,7 @@ class AccessibleView extends Disposable {
 			if (!domNode) {
 				return;
 			}
-			container.appendChild(domNode);
+			container.appendChild(this._editorContainer);
 			this._layout();
 			this._register(this._editorWidget.onKeyDown((e) => {
 				if (e.keyCode === KeyCode.Escape) {
@@ -125,9 +125,9 @@ class AccessibleView extends Disposable {
 		const height = Math.min(.4 * windowHeight, this._editorWidget.getContentHeight());
 		this._editorWidget.layout({ width, height });
 		const top = Math.round((windowHeight - height) / 2);
-		domNode.style.top = `${top}px`;
+		this._editorContainer.style.top = `${top}px`;
 		const left = Math.round((windowWidth - width) / 2);
-		domNode.style.left = `${left}px`;
+		this._editorContainer.style.left = `${left}px`;
 	}
 
 	private async _getTextModel(resource: URI): Promise<ITextModel | null> {

src/vs/workbench/contrib/codeEditor/browser/accessibility/accessibility.css

@@ -3,12 +3,10 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-.monaco-editor .accessibilityHelpWidget {
-	padding: 10px;
-	vertical-align: middle;
-	overflow: auto;
+.accessible-view {
+	position: relative;
 	background-color: var(--vscode-editorWidget-background);
 	color: var(--vscode-editorWidget-foreground);
 	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
-	border: 2px solid var(--vscode-contrastBorder);
+	border: 2px solid var(--vscode-contrastActiveBorder);
 }