SetCentered Method Stops Toggle Switch/Buttons Functionality, Highlighting Nodes With Varying Long Strings/Text, & Expand/Collapse Button Alignment With Long Strings/Text about org-chart

[bumbeishvili]

@Deathstar341

1. Could not understand this part. Most probably it's related to how the org chart is integrated within the react. You can look into integration part to make sure that it's correctly configured - https://medium.com/@bumbeishvili/best-d3-coding-convention-subjective-practice-proven-through-years-of-work-03c521715b05

2. You have to specify the correct fixed height for the node, otherwise, you will see problems. You have several ways.

   • limit the character count and display tooltip on hover for full name
   • Guess the height based on the character count and specify that height
   • Calculate exact height based on the specified HTML - this is kind of performance heavy, so if you do, only do it once and store the value with data

3. Once you will fix 2, 3 also will be fixed