OrganizationChart: if it has a large children number the lines are not connected properly

[Nadeem-Atwi]

Describe the bug

trying to add an array with a large number of children, causes some of the lines connecting each p-organizationchart-node-content to not connect correctly.

the issue is reproducible in any stackblitz example from the documentations, just add an array with large number of children, like this example
[ { label: 'John DOE', type: 'manager', expanded: true, country: 'fr', data: {}, children: [ { label: 'Jane SMITH', type: 'employee', expanded: true, country: 'ca', data: {}, children: [ { label: 'Emily BROWN', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Michael JOHNSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Sarah WILSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Christopher MARTIN', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Jessica TAYLOR', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'James ANDERSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Patricia MOORE', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Matthew JACKSON', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Ashley WHITE', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Joshua HARRIS', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Olivia DAVIS', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Benjamin CLARK', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Sophia LEWIS', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Daniel WALKER', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Elizabeth HALL', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'David ALLEN', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Emma WRIGHT', type: 'employee', expanded: true, country: 'ca', data: {}, }, { label: 'Joseph SCOTT', type: 'employee', expanded: true, country: 'ca', data: {}, }, ], }, { label: 'Linda ROBERTS', type: 'employee', expanded: true, country: 'ca', data: {}, }, ], }, ]

Reproducer

https://stackblitz.com/edit/npvpz7v7?file=src%2FApp.jsx,package.json

System Information

{
  "name": "primereact_demo",
  "description": "**** PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "main": "src/main.jsx",
  "keywords": [
    "primereact",
    "react",
    "vite",
    "starter"
  ],
  "dependencies": {
    "@types/react": "^18.2.38",
    "react": "18.3.1",
    "react-dom": "18.3.1",
    "react-transition-group": "^4.4.5",
    "primereact": "latest",
    "primeicons": "^7.0.0",
    "vite": "latest",
    "@vitejs/plugin-react": "latest",
    "primeflex": "^3.3.1",
    "react-scripts": "5.0.1"
  }
}

Steps to reproduce the behavior

pass an array with a large number of children to the value prop

Expected behavior

the lines connecting each p-organizationchart-node-content should not break or appear to not be connect connected to each other