ui-layout-manager-dev 0.0.33-dev → 0.0.35-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-layout-manager-dev",
-  "version": "0.0.33-dev",
+  "version": "0.0.35-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/Components/RootContainer/RootContainer.jsx

@@ -36,7 +36,9 @@ export const RootContainer = () => {
     const rootContainerAPI = useRef({});
     rootContainerAPI.current = {
         hideLoadingScreen: () => {
-            setShowLoadingScreen(false);
+            if (showLoadingScreen) {
+                setShowLoadingScreen(false);
+            }
         }
     };
 

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

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