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 {