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

d3-org-chart styles break in Safari browser #275

Closed risgpta closed 1 year ago

risgpta commented 1 year ago

Describe the bug The styles of d3-org-chart break when open in Safari browser

To Reproduce Steps to reproduce the behavior:

  1. Go to Safari browser
  2. Go to https://www.npmjs.com/package/d3-org-chart
  3. Click on first example link
  4. https://stackblitz.com/edit/web-platform-o5t1ha?file=README.md
Screenshot 2023-05-16 at 00 54 20

Desktop (please complete the following information):

bumbeishvili commented 1 year ago

It's known issue.

If you want safari safe version, don't use the absolute position.

And use following styles

image

Or styled tree

https://github.com/bumbeishvili/org-chart/tree/dev#features

image
risgpta commented 1 year ago

Can you elaborate further? What should be used in place of absolute position then? Any example code?

bumbeishvili commented 1 year ago

You have to use negative margins, all of the linked examples above have source codes