OrganizationChart: Expanding the tree data with additional child nodes results in a visual glitch

[pistage]

Describe the bug

Fewer children

More children

Environment

Tested on a local computer and Stackblitz with the same result.

Reproducer

https://stackblitz.com/edit/github-tsea2s?file=src%2Fapp%2Fapp.component.ts

Angular version

16.2.9

PrimeNG version

16.5.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

Unknown

Browser(s)

No response

Steps to reproduce the behavior

In the provided Stackblitz link, you can in the app.component.ts file remove the elements enclosed by the comments marked as "Begin" and "End". Upon doing so, you can observe that the organizational chart displays an unusual adjustment in the lines leading to the top node. Upon further investigation, it becomes evident that adding additional items (children) progressively displaces the line connecting to the top node from its intended position.

Expected behavior

The line going to the top node should be aligned correctly where the box of the node is located.

[github-actions]

This issue has been automatically marked as stale due to a lack of activity. If this issue is still relevant to you, please leave a comment so we can keep it open. We apologize for not being able to prioritize it sooner. If you have any new information or questions, please share them in your comment!