Is ng-golden-layout-root necessary?

[rcketscientist]

ng6-golden-layout/projects/ngx-golden-layout/src/lib/golden-layout.component.ts

Line 292 in 789bef6

template: `<div class="ng-golden-layout-root" #glroot></div>`

If you injected the root element in the constructor, wouldn't that avoid the extra ViewChild div and potentially some our styling dimension oddities?

[martin31821]

Can you elaborate on the styling issues? The div should be transparent to all outer styles, but after a quick look, I think we can avoid it.

[rcketscientist]

There are some odd interactions with flex. Under certain circumstances GL won't recognize its parent's dimensions. We discussed those a while back.

We also just found a case where window content can blow up the entire golden layout. The following code snippet "fixed" that.

.ng-golden-layout-root {
  flex: 1 1 auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

Basically to match parent so we can't cause oddities like this:

The above image is a GL window, but the content itself managed to push the entire GL outside of the parent bounds (can't see tabs, etc.)

This came from another group and I haven't had time to dig into how they did that at the moment, but removing the extra layer of abstraction can only help.