1 files changed, 10 insertions, 10 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu/Template.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu/Template.tsx
index 43f622512..0f911421a 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu/Template.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu/Template.tsx
@@ -32,22 +32,22 @@ export class Template {
         //dispose each subfields disposers, etc.
     }
 
-    cloneBase = (): Template => {
-        const makeCloneFieldTree = (field: Field): Field => {
-            const root: Field = field.makeClone();
-            field.getSubfields.forEach(field => {
-                const clone: Field = makeCloneFieldTree(field);
+    cloneBase = async (): Promise<Template> => {
+        const makeCloneFieldTree = async (field: Field): Promise<Field> => {
+            const root: Field = await field.makeClone();
+            field.getSubfields.forEach(async field => {
+                const clone: Field = await makeCloneFieldTree(field);
                 root.addField(clone);
             });
             return root;
         }
 
         const clone: Template = new Template(TemplateLayouts.BasicSettings);
-        console.log('made clone')
-        clone.mainField = makeCloneFieldTree(this.mainField) as DynamicField;
-        console.log('reinit')
-        clone.mainField.initializeDocument(clone.mainField.documentOptions);
-        console.log('cloned, fieldinfo: ', this.mainField, ' width: ', this.mainField.renderedDoc._width, ' options width: ', clone.mainField.documentOptions._width);
+        clone.mainField = await makeCloneFieldTree(this.mainField) as DynamicField;
+        console.log('last init')
+        clone.mainField.initializeDocument();
+        clone.mainField.renderedDoc._width = this.mainField.renderedDoc._width;
+        clone.mainField.renderedDoc._height = this.mainField.renderedDoc._height;
         return clone;
     }