diff --git a/src/sql/workbench/browser/modelComponents/groupContainer.component.ts b/src/sql/workbench/browser/modelComponents/groupContainer.component.ts index 814ae3f3ff..0563e5e9e9 100644 --- a/src/sql/workbench/browser/modelComponents/groupContainer.component.ts +++ b/src/sql/workbench/browser/modelComponents/groupContainer.component.ts @@ -21,7 +21,7 @@ import * as DOM from 'vs/base/browser/dom'; @Component({ selector: 'modelview-groupContainer', template: ` -
+
{{_containerLayout.header}}
@@ -51,23 +51,6 @@ export default class GroupContainer extends ContainerBase implement ngOnInit(): void { this.baseInit(); - this.onkeydown(this._el.nativeElement, (e: StandardKeyboardEvent) => { - if (e.keyCode === KeyCode.Enter || e.keyCode === KeyCode.Space) { - this.changeState(); - DOM.EventHelper.stop(e, true); - } - else if (e.keyCode === KeyCode.LeftArrow) { - if (!this.collapsed) { - this.changeState(); - } - DOM.EventHelper.stop(e, true); - } else if (e.keyCode === KeyCode.RightArrow) { - if (this.collapsed) { - this.changeState(); - } - DOM.EventHelper.stop(e, true); - } - }); } ngOnDestroy(): void { @@ -77,6 +60,25 @@ export default class GroupContainer extends ContainerBase implement ngAfterViewInit(): void { } + onKeyDown(event: KeyboardEvent): void { + let e = new StandardKeyboardEvent(event); + if (e.keyCode === KeyCode.Enter || e.keyCode === KeyCode.Space) { + this.changeState(); + DOM.EventHelper.stop(e, true); + } + else if (e.keyCode === KeyCode.LeftArrow) { + if (!this.collapsed) { + this.changeState(); + } + DOM.EventHelper.stop(e, true); + } else if (e.keyCode === KeyCode.RightArrow) { + if (this.collapsed) { + this.changeState(); + } + DOM.EventHelper.stop(e, true); + } + } + /// IComponent implementation public setLayout(layout: GroupLayout): void { @@ -94,7 +96,7 @@ export default class GroupContainer extends ContainerBase implement } private hasHeader(): boolean { - return this._containerLayout && this._containerLayout.header !== undefined; + return this._containerLayout && !!this._containerLayout.header; } private isCollapsible(): boolean {