Skip to content

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

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions