Ensure Canvas Has Changed Before Event Firing

pykettk · web-flow · commit a4a20d4c5909 · 2022-10-31T19:49:19.000Z
diff --git a/view/frontend/templates/canvas.phtml b/view/frontend/templates/canvas.phtml
@@ -215,9 +215,13 @@ $canvasBlockName = $canvasViewModel->getCanvasBlockName($block);
 
             submitCanvas()
             {
-                this.canvasImage = this.canvas.toDataURL();
+                const canvasImage = this.canvas.toDataURL();
 
-                if (this.canvasImage !== this.canvasImageDefault) {
+                if (this.canvasImage !== this.canvasImageDefault
+                    && this.canvasImage !== canvasImage
+                ) {
+                    this.canvasImage = canvasImage; 
+                     
                     window.dispatchEvent(new CustomEvent(
                         'customer-canvas-submitted',
                         {

Original file line number	Diff line number	Diff line change
`@@ -215,9 +215,13 @@ $canvasBlockName = $canvasViewModel->getCanvasBlockName($block);`
`215`	`215`
`216`	`216`	`submitCanvas()`
`217`	`217`	`{`
`218`		`- this.canvasImage = this.canvas.toDataURL();`
	`218`	`+ const canvasImage = this.canvas.toDataURL();`
`219`	`219`
`220`		`- if (this.canvasImage !== this.canvasImageDefault) {`
	`220`	`+ if (this.canvasImage !== this.canvasImageDefault`
	`221`	`+ && this.canvasImage !== canvasImage`
	`222`	`+ ) {`
	`223`	`+ this.canvasImage = canvasImage;`
	`224`	`+`
`221`	`225`	`window.dispatchEvent(new CustomEvent(`
`222`	`226`	`'customer-canvas-submitted',`
`223`	`227`	`{`