I recently implemented an organization chart that I came across at the following link:
Everything seemed to be working well initially, but I ran into an issue where my tree expanded horizontally and started breaking like this: https://i.sstatic.net/2pTdy.png
I attempted to solve this problem by adding a scroll bar using the overflow-x property, but unfortunately, it did not work as expected:
.tree ul {
padding-top: 20px; position: relative;
overflow-x: scroll;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
For those interested, here is a CodePen link to my attempt: https://codepen.io/vladnicu/pen/zYqwdyv
Thank you for any help or advice you can provide!