Alignment problem in ix-tree with limited width

[Heino-S]

What happened?

Using an ix-tree control within an area/window with limited width (in our case in an as-split-area) and long node names disturbs the alignment of the tree nodes. See red marked tree nodes in the picture enclosed (left part: enough space; right part: limited width).

What type of frontend frameware are you seeing the problem on?

Angular

Which version of iX do you use?

v1.6.3

Code to produce this issue.

<as-split direction="horizontal">
    <as-split-area [size]="20">
      <ix-tree [model]="treeData.treeModel"
               [root]="treeData.rootNodeId"
               [renderItem]="treeItem"
               (contextChange)="onContextChange($event)">
      </ix-tree>
    </as-split-area>
    <as-split-area [size]="80">
       Something else is shown here
    </as-split-area>
</as-split>

<ng-template #treeItem let-item>
  <div class="d-flex align-items-center">
    <ix-icon [name]="item.icon" size="16" class="me-2"></ix-icon>
    {{ item.name }}
  </div>
</ng-template>

[matthiashader]

Should be fixed with #1428