@leapfrog/interactive-canvas 2.0.25-beta-16 → 2.0.25-beta-17

package/dist/interactive-canvas.es.js

@@ -270,7 +270,7 @@ class StackObjectsLayoutFunction {
         const footerObjects = objects[0];
         const bodyObjects = objects[1];
         const bodyWidth = canvasDimensions.widthPx - canvasMargin.right - canvasMargin.left;
-        // canvas.redraw();
+        canvas.redraw();
         //Make one pass and set the widths of all elements. This will force objects with dynamic heights (like text) to take on their necessary height before trying to lay them out.
         this.applyWidths(allObjects, bodyWidth);
         const bodyRows = this.getRows(bodyObjects);
@@ -518,6 +518,7 @@ class StandardLayoutManager extends AbstractLayoutManager {
      * @override
      */
     onCanvasDimensionsChange() {
+        this.stackObjects.execute(this.canvas);
         this.repositionCutoffs.execute(this.canvas);
         this.repositionBorders.execute(this.canvas);
         this.repositionBackgrounds.execute(this.canvas);
@@ -541,19 +542,12 @@ class StandardLayoutManager extends AbstractLayoutManager {
         this.stackAndRedraw();
     }
     stackAndRedraw() {
-        if (this.layoutBatchScheduled) {
-            return;
-        }
-        this.layoutBatchScheduled = true;
-        Promise.resolve().then(() => {
-            this.stackObjects.execute(this.canvas);
-            this.repositionCutoffs.execute(this.canvas);
-            this.repositionBorders.execute(this.canvas);
-            this.repositionBackgrounds.execute(this.canvas);
-            this.updateObjectDimensions.execute(this.canvas);
-            this.redrawAll.execute(this.canvas);
-            this.layoutBatchScheduled = false;
-        });
+        this.stackObjects.execute(this.canvas);
+        this.repositionCutoffs.execute(this.canvas);
+        this.repositionBorders.execute(this.canvas);
+        this.repositionBackgrounds.execute(this.canvas);
+        this.updateObjectDimensions.execute(this.canvas);
+        this.redrawAll.execute(this.canvas);
     }
 }
 

package/dist/interactive-canvas.js

@@ -291,7 +291,7 @@ class StackObjectsLayoutFunction {
         const footerObjects = objects[0];
         const bodyObjects = objects[1];
         const bodyWidth = canvasDimensions.widthPx - canvasMargin.right - canvasMargin.left;
-        // canvas.redraw();
+        canvas.redraw();
         //Make one pass and set the widths of all elements. This will force objects with dynamic heights (like text) to take on their necessary height before trying to lay them out.
         this.applyWidths(allObjects, bodyWidth);
         const bodyRows = this.getRows(bodyObjects);
@@ -539,6 +539,7 @@ class StandardLayoutManager extends AbstractLayoutManager {
      * @override
      */
     onCanvasDimensionsChange() {
+        this.stackObjects.execute(this.canvas);
         this.repositionCutoffs.execute(this.canvas);
         this.repositionBorders.execute(this.canvas);
         this.repositionBackgrounds.execute(this.canvas);
@@ -562,19 +563,12 @@ class StandardLayoutManager extends AbstractLayoutManager {
         this.stackAndRedraw();
     }
     stackAndRedraw() {
-        if (this.layoutBatchScheduled) {
-            return;
-        }
-        this.layoutBatchScheduled = true;
-        Promise.resolve().then(() => {
-            this.stackObjects.execute(this.canvas);
-            this.repositionCutoffs.execute(this.canvas);
-            this.repositionBorders.execute(this.canvas);
-            this.repositionBackgrounds.execute(this.canvas);
-            this.updateObjectDimensions.execute(this.canvas);
-            this.redrawAll.execute(this.canvas);
-            this.layoutBatchScheduled = false;
-        });
+        this.stackObjects.execute(this.canvas);
+        this.repositionCutoffs.execute(this.canvas);
+        this.repositionBorders.execute(this.canvas);
+        this.repositionBackgrounds.execute(this.canvas);
+        this.updateObjectDimensions.execute(this.canvas);
+        this.redrawAll.execute(this.canvas);
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapfrog/interactive-canvas",
-  "version": "2.0.25-beta-16",
+  "version": "2.0.25-beta-17",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"