ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-15 09:35:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix ModelView tree A11y issue (#7835)

Browse Source 
* Fix tree A11y issue

* Toggle expanded state on enter

* Move onkeydown method to base class
This commit is contained in:
Charles Gagnon
2019-10-20 21:42:55 -07:00
committed by GitHub
parent e3ae5263c6
commit 0246c3f895
3 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/sql/workbench/browser/modelComponents/tree.component.ts
View File

@@ -25,6 +25,8 @@ import { IInstantiationService } from 'vs/platform/instantiation/common/instanti
import { ITreeComponentItem } from 'sql/workbench/common/views';
import { TreeViewDataProvider } from 'sql/workbench/browser/modelComponents/treeViewDataProvider';
import { getContentHeight, getContentWidth } from 'vs/base/browser/dom';
import { StandardKeyboardEvent } from 'vs/base/browser/keyboardEvent';
import { KeyCode } from 'vs/base/common/keyCodes';
class Root implements ITreeComponentItem {
label = {
@@ -119,6 +121,15 @@ export default class TreeComponent extends ComponentBase implements IComponent,
this._register(this._tree.onDidChangeSelection(e => {
this._dataProvider.onNodeSelected(e.selection);
}));
this.onkeydown(this._inputContainer.nativeElement, (e: StandardKeyboardEvent) => {
// Enter on a tree will select the currently selected item as the default behavior
// but if not stopped here then will propagate up.
// This might have unintended effects such as a dialog closing.
if (e.keyCode === KeyCode.Enter) {
this._tree.toggleExpansion(this._tree.getFocus());
e.stopPropagation();
}
});
this._tree.refresh();
this.layout();
}