Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
risgpta opened this issue May 15, 2023 · 3 comments
Closed

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

risgpta opened this issue May 15, 2023 · 3 comments
Labels
question Further information is requested

Comments

@risgpta
Copy link

risgpta commented May 15, 2023

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):

  • OS: macOS Ventura 13.3.1(a)
  • Browser : Safari
@bumbeishvili
Copy link
Owner

bumbeishvili commented May 16, 2023

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
Copy link
Author

risgpta commented May 22, 2023

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

@bumbeishvili
Copy link
Owner

bumbeishvili commented May 22, 2023

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

2 participants