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

[Vijay-Nirmal]

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

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

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]

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