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

Using ngx-charts-gauge makes ngx-graph float over all the elements in the page #401

Open
Vijay-Nirmal opened this issue May 30, 2021 · 1 comment
Labels

Comments

@Vijay-Nirmal
Copy link

Describe the bug
Using ngx-charts-gauge and ngx-graph in same page makes the ngx-graph float over all the elements in the page.

To Reproduce
Steps to reproduce the behavior:

  1. Add ngx-charts-gauge and ngx-graph in same page.
  2. Now drag the graph around and see this issue

Expected behavior
Using ngx-charts-gauge makes ngx-graph float over all the elements in the page.

Screenshots
ianYqbErTe

You can even drag the ngx-graph from outside its border
VgVmnkLR5h

Demo

https://stackblitz.com/edit/ngx-graph-issue-2?file=src/app/app.component.html

ngx-graph version

"@swimlane/ngx-graph": "^7.2.0",
"@swimlane/ngx-charts": "^18.0.1",
@leonschenk
Copy link
Contributor

I have found out that this is because of the two packages sharing the same html/svg classes @Vijay-Nirmal.

https://github.com/swimlane/ngx-graph/blob/master/projects/swimlane/ngx-graph/src/lib/graph/graph.component.html

Probably all we need to do is remove those references or replace them by ngx-graph-outer and ngx-graph

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

No branches or pull requests

2 participants