Loading blank design

I am having trouble loading a blank design. I have a New button on my page. When the user clicks this, the following code is executed:

function newDesign() {
if (editor != null) {
editor.dispose();
editor = null;
}
var iframe = document.getElementById("editorFrame");
CustomersCanvas.IframeApi.loadEditor(iframe,
{ // Specify the empty product size.
surfaces: [{ width: 800, height: 600 }]
},
{
userId: 'masteruser',
initialMode: "Advanced",
widgets: {
LeftToolbar: {
linearBarcodeButtonEnabled: false,
qrCodeButtonEnabled: false
}
}
})
//If the editor has been successfully loaded.
.then(function (e) {
editor = e;
});
};

This works the first time. But if the user makes adds anything to the design, when a new design is loaded, the last edited design is still present. For example:

1. Click the new button. We get a blank design surface.
2. Add a rectangle to the design surface.
3. Click the new button. We see the rectangle added in step #2.

This is even true if we reload the page, so I think CC is holding onto the state somewhere. Can you help?

Thanks,
Paul

I am trying to give the user the ability to start a new design, so addSurface doesn't seem appropriate.

I am seeing similar behavior when I load a saved state file. It always displays the last design for the user instead of loading the design from the state file.

I'm really stuck. Any help is appreciated.

Hi Gravitypad,

Thank you for the detailed explanations. I see the problem.

Use the restoreProductOnReloadEnabled parameter with "false" value. You can apply it to the entire application in the clientConfig.json or pass it down through the iConfiguration when loading the editor:
However, I should inform you that all current changes will be lost after reloading the page.

Regarding the state file, we confirm the problem (Customer's Canvas Bug #23367). I will get back to you with the estimation of the issue later this week.

Best regards,
Julia

Edited by user Tuesday, June 6, 2017 4:07:12 AM(UTC)  | Reason: Not specified