verticalAlignment in a nested track gets assigned a value from an ancestor track instead of the default value

[certainlyakey]

What happened?

In a consumer app template that uses nested cvi-ng-track, if verticalAlignment is set to any value in an ancestor track, then a child track without verticalAlignment set will inherit the value of its parent.

Expected result: unset verticalAlignment in a nested track should result in align-items: normal; instead of inheriting the value of an ancestor track.

Reproduction steps

Use this template to reproduce:

<cvi-ng-track [gap]="6" [flexDirection]="'horizontal'" [horizontalAlignment]="'justify'" [verticalAlignment]="'bottom'">
  <cvi-ng-track [gap]="4" horizontalAlignment="normal" [flexDirection]="'vertical'">
    <div>Water choice sky luck scientific thee through pull beyond bent especially gasoline top close stared she this strange explain success nuts coat morning club. Burst reader popular cat promised angle throw came sign electric long action mother structure break pretty does bigger thought ill middle poor becoming partly</div>
    <cvi-ng-button>Lähen nõusolekut andma</cvi-ng-button>
  </cvi-ng-track>
  <img src="https://upload.wikimedia.org/wikipedia/commons/a/a9/Williamsburgh_Savings_Bank_Tower_9128_crop.JPG" width="30" height="100" />
</cvi-ng-track>

Screenshot

No response

Package

Angular

Version

2.8.0

Reproduction URL

No response

Browser

No response

Browser version

No response

Extra details about your environment

No response

Relevant log output

No response