paper layers code breaks format.toSvg()

[pfalcon64]

Introduction

I've been experimenting with the Paper layers, and found it extremely useful.

But I tripped over this - if I try to export to SVG or PNG using format.toSvg()...etc, I get a

ERROR Error: Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'remove') TypeError: Cannot read properties of undefined (reading 'remove') at Object.toSVG (d:\Source\JointJS\Testing\test-template\node_modules\@joint\plus\joint-plus.mjs:1:509063)

In my example app, at the top of app.component.ts, there is a line:

Chart: TestShapeContainer = new TestShapeContainer();

If you comment out the TestShapeContainer line, and uncomment any of the lines above it, the SaveToSVG will work. The two example "container" components that use the layer code fail. The SaveToSvg() is a direct copy of that sample, and has been working to date, both in the test app, and in my real code.

Example app:
test-template reduced - 2025-05.zip

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS+

[kumilingus]

1. You haven’t defined the LayersNames.GRID layer, which is required by the toSVG() function.
2. Additional problems may occur when using unofficial APIs. We will ensure that all other plugins work properly once the layer API is complete.

[pfalcon64]

Ahh, that did the trick, thanks.

Is there an official/correct position in the layer list for GRID?

Perhaps in the final version the paper.render() function can just accept the additional/custom layers, instead of the complete list?

You might want to fix the example you pointed me to in the other thread, as I copied that exactly - its also missing that layer. So others won't make my mistake. Thanks again.

[kumilingus]

This is the current order of layers.

You are right, the demo was created before #2458 and it needs to be updated to version 4.0.