fxLayoutGap not applied to children inserted after initial render

[drew-moore]

Plunk.

When a container with a layout gap has a child that isn't present initially (e.g. has an ngIf condition that evaluates to false), the gap is not applied to the child when it is subsequently inserted.

Worth noting: layoutAlign is working as expected (presumably because alignment is implemented via a rule on the parent whereas gaps are implemented as margins on the children, which isn't happening for children added after the initial layout computation).

[ThomasBurleson]

Definitely an oversight. We will fix. Thx

[ThomasBurleson]

@drew-moore - this issue is non-trivial to solve since the @ContentChildren does not support the * selector to match all content-children. Currently the developer must know the Type or the template variable ref name... neither of which is practical for our needs.

The only other current option is to watch with a MutationObserver.

This is a known issue in Angular: angular/angular#9989

@pkozlowski-opensource - any thoughts

[ThomasBurleson]

@drew-moore - see pending Pull Request #124