Nodes and links not redrawn properly after node sizes change

GoJS
1

Hello!

Some nodes in our diagrams can be quite large, as shown below:

image
image.png561×558 20.7 KB

To make things more manageable, I added an option to hide all the white rectangles in all of the blue nodes (a “compact” mode).

This is implemented by means of a toModel() binding and works well:

image

However, if I scroll all the way to the bottom of the diagram, then change the mode to show the blue nodes at full size and then slowly scroll back up, some nodes and links are not drawn properly:

image

If I keep scrolling up slowly and get closer to the top of the blue node, the drawing fixes itself:

image

Would you have any idea on how I could fix this?

FYI: I’m on goJS 2.0.4.

Thanks!

2

That is very surprising. Have you implemented any virtualization?

3

No, I’m using the default LayeredDigraphLayout:

	this._diagramOptions = {
		layout: $go(go.LayeredDigraphLayout, {
					direction: 90,
					layerSpacing: 35,
					columnSpacing: 30,
					isInitial: true,
					isOngoing: true
				}),
		allowCopy: false,
		"animationManager.isEnabled": false,
	};
4

We’d like to take a closer look at this. Can you send us a reproducible sample that recreates the issue, ideally in one HTML file? You can send us email: gojs at our domain, nwoods.com

5

OK I sent you a test case, derived from your ERM sample.

6

Thank you! We will investigate as soon as we can.