Paper/Scroller height is extremely large

112 views
Skip to first unread message

Jan Lund

unread,
Dec 22, 2020, 10:46:50 AM12/22/20
to JointJS
Hi everyone,

I have moved the Rappid Chatbot Angular9 sample into another angular application and created a component for the Rappid Design tool.

After quite a few adjustments to the layout, I seem to have almost everything in place, however, I have a problem where the paper/scroller is extremely tall (in the range of approx. 16600px) when the app starts, causing the diagram to be displayed outside the screen area (Top at approx 7900px).

I can scroll down to find the diagram.

When I click the Auto-fit button, the height becomes even more insanely high, until 10-15 clicks later where it suddenly fits. At the next click: The height gets very large again.

Once the diagram is in view, I can add new stuff to it from the stencils.

Can you shed a light on what to look for, and why it gets this large height value?

I made a 30 sec. video with the behavior here: https://youtu.be/b5qd2dDlGrs

Best regards
Jan


Roman Bruckner

unread,
Dec 22, 2020, 3:52:36 PM12/22/20
to joi...@googlegroups.com
Hi,

`paperScroller` fits the container it is sitting in. Make sure the container does not grow to infinity (could be responsive but needs to have limits for width and height). This is important when the `autoPaperResize` option is enabled.

Best,
Roman



--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/jointjs/b6741c73-fa40-4b77-92e0-f376c370537dn%40googlegroups.com.


--

Jan Lund

unread,
Dec 23, 2020, 5:07:24 AM12/23/20
to joi...@googlegroups.com
Hi Roman,

Thank you very much for your fast reply. 

Changing the flex and limiting the height did it.

best regards

Jan

igo

unread,
Apr 3, 2022, 3:20:44 PM4/3/22
to JointJS
Hi, I am facing similar problem. How did you set the div.canvas size limit? I have a 2 column flex layout.
Reply all
Reply to author
Forward
0 new messages