Default example does not render anything in the browser

[bastienJS]

Like this issue: #654

I do not not get anything to render when I use this library within my project:

After I solved the mess of installing the peer dependencies I copy/pasted the code from this starter guide:

https://projectstorm.gitbook.io/react-diagrams/getting-started/using-the-library

The 2 nodes are in the DOM, but the svg elements are just not visible rendered in the browser.

When I hack some CSS settings in the browser like turn off visibilty settings then they get more and more visible...

I use v6.2.0

[dylanvorster]

Basically impossible to assist you without you providing some basic code, since all the examples in the project work and there is also a demo project that shows how to use the library in both JS as well as TS.

[bastienJS]

Hi Dylan, I have created a repro here: https://github.com/bastienJS/projectmasterflow-test
I would really appreciate fast feedback from you as I am under pressure :-)

[bastienJS]

The solution for me was this:

.canvas{
background-color: rgb(245, 237, 237);
height:500px;
width:100%;
overflow:inherit !important;
}

but now I can not move the whole diagramm ??? I get the cross arrow cursor but the svg`s are not transformed from the translate functions, nothings moves when I drag with the mouse ???