search

bumbeishvili / org-chart

Highly customizable org chart. Integrations available for Angular, React, Vue
https://stackblitz.com/edit/web-platform-o5t1ha
MIT License
928 stars 330 forks source link

How do I make it mobile responsive? #274

Closed hjh-enders closed 1 year ago

hjh-enders commented 1 year ago

Before submitting an issue, please make sure to check whether the similar question was asked before. You can search for it here - https://github.com/bumbeishvili/d3-organization-chart/issues

I developed a d3-org-chart for my project, but I can't make it mobile responsive. The futuristic version and the chart in my project look the same, default version appears to be mobile responsive.

Futuristic.ver looks like: image

Default.ver looks like: image

bumbeishvili commented 1 year ago

It looks like you are testing it in Safari which has some problems, there are only two versions that work well in Safari.

Default and sky layout.

If you check the new version in the dev branch - https://github.com/bumbeishvili/org-chart/tree/dev

I also made sure the styled tree would work in safari.

Generally it's mobile-friendly, you just need to make sure that inner content does not overlap and absolute positions aren't used

hjh-enders commented 1 year ago

I've been doing some testing. position absolute is should not be used.

Thank you. Your library is very useful. Have a great day!