ui-layout-manager-dev 0.0.33-dev → 0.0.34-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-layout-manager-dev",
-  "version": "0.0.33-dev",
+  "version": "0.0.34-dev",
   "description": "A react component to manage layout and themes in single page applications.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/LayoutManager/Controller/LayoutController.js

@@ -169,10 +169,16 @@ export class LayoutController {
                         break;
                 }
             };
+            if (this.layoutLoaded) {
+                // After the initial transformations have been applied, we can hide
+                // the loading screen for the root container.
+                this.containers[this.ldf.layoutRoot].current.hideLoadingScreen();
+            }
             if (isInitial) {
                 this.layoutLoaded = true;
-                // After initial layout is applied, we can hide the loading screen.
-                this.containers[this.ldf.layoutRoot].current.hideLoadingScreen();
+                // Call root resize to apply the layout rules after initial transformations
+                // are applied, this applies the layout rules to hide the containers.
+                this.handleRootResize();
             }
         });
     };