From 0eee3e7da4bf51c8c3172f3c39a058c5180815c1 Mon Sep 17 00:00:00 2001
From: Henning Schwentner <hs@wps.de>
Date: Wed, 23 Nov 2022 13:57:15 +0100
Subject: [PATCH] Chromium-based Browsers: Export to png results in error Fixes
 #127

---
 .../features/export/pngDownload.js            | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/app/domain-story-modeler/features/export/pngDownload.js b/app/domain-story-modeler/features/export/pngDownload.js
index 8e6a7c7c..6803ece9 100644
--- a/app/domain-story-modeler/features/export/pngDownload.js
+++ b/app/domain-story-modeler/features/export/pngDownload.js
@@ -7,7 +7,7 @@ let width, height;
 let title = document.getElementById('title'),
     infoText = document.getElementById('infoText');
 
-export function downloadPNG(withTitle) {
+export async function downloadPNG(withTitle) {
   let canvas = document.getElementById('canvas');
   let container = canvas.getElementsByClassName('djs-container');
   let svgElements = container[0].getElementsByTagName('svg');
@@ -20,7 +20,7 @@ export function downloadPNG(withTitle) {
   let onLoadTriggered = false;
 
   // removes unwanted black dots in image
-  let svg = extractSVG(viewport);
+  let svg = await extractSVG(viewport);
 
   svg = prepareSVG(svg, layerBase, withTitle);
 
@@ -94,15 +94,26 @@ export function downloadPNG(withTitle) {
     image.src ='';
   }
 
+  async function wait(ms) {
+    // eslint-disable-next-line no-undef
+    return new Promise((resolve, reject) =>
+      setTimeout(() => {
+        resolve();
+      }, ms));
+  }
 
-  function extractSVG(viewport) {
+  async function extractSVG(viewport) {
     let layerResizers = viewport.getElementsByClassName('layer-resizers');
     let layerOverlays = viewport.getElementsByClassName('layer-overlays');
     let transform = viewport.getAttribute('transform');
     let translate = viewport.getAttribute('translate');
 
-    const layerRes = layerResizers[0];
-    const layerOver= layerOverlays[0];
+    let layerRes, layerOver;
+    while (layerOver == undefined) {
+      await wait(500);
+      layerOver = layerOverlays[0];
+      layerRes = layerResizers[0];
+    }
 
     const layerResizersParent = layerResizers[0].parentNode;
     const layerOverlaysParent = layerOverlays[0].parentNode;