Incorrect scaling when trying to draw node in hidden div.

[MartinRogalla]

---

Steps to reproduce problem:

1. Create a Paper which has the visibility attribute set to hidden.
2. Add an joint.shapes.fsa.State with width and height set to 80.
3. Set visibility to true.

What I expect:
A state that has a decent size for displaying on screen.

What I observe:
A state that has an okay label, but has a radius which goes far outside of the Paper region.

---

Also found someone having the same problem on Stack Overflow:
JointJS diagram drawn in hidden div has wrong scale - Stack Overflow

[chill117]

I've experienced a similar issue before. The problem is that the methods for getting the bounding box of an HTML/SVG element only work when the element is in the DOM and is visible. Instead of using visibility: hidden try position: absolute; left: -99999em on the div container element.

[kfeine-FR]

Hi,
Same problem here, is there another way to fix this now ?
I need to manage graphs in many tabs and only the visible tab displays graphs properly.

[kumilingus]

Note there is an API proposal ( #407 ) that should help to solve the issue. Please bear with us.

[kumilingus]

See #407