append accessibility tree as child, not as adjacent elt to terminal (#4383)

This commit is contained in:
Megan Rogge
2023-01-24 19:40:46 +00:00
committed by GitHub
parent ed6c849501
commit 377f88796f
+2 -4
View File
@@ -57,7 +57,6 @@ export class AccessibilityManager extends Disposable {
) {
super();
this._accessibilityTreeRoot = document.createElement('div');
this._terminal.element?.insertAdjacentElement('afterbegin', this._accessibilityTreeRoot);
this._accessibilityTreeRoot.classList.add('xterm-accessibility');
this._accessibilityTreeRoot.tabIndex = 0;
@@ -89,14 +88,13 @@ export class AccessibilityManager extends Disposable {
if (!this._terminal.element) {
throw new Error('Cannot enable accessibility before Terminal.open');
}
this._terminal.element.insertAdjacentElement('afterbegin', this._accessibilityTreeRoot);
this._accessiblityBuffer = document.createElement('textarea');
this._accessiblityBuffer.ariaLabel = Strings.accessibilityBuffer;
this._accessiblityBuffer.readOnly = true;
this._accessiblityBuffer.classList.add('xterm-accessibility-buffer');
this._accessiblityBuffer.addEventListener('focus', () => this._refreshAccessibilityBuffer());
this._terminal.element.insertAdjacentElement('afterbegin', this._accessiblityBuffer);
this._accessibilityTreeRoot.appendChild(this._accessiblityBuffer);
this.register(this._renderRowsDebouncer);
this.register(this._terminal.onResize(e => this._handleResize(e.rows)));