ui-layout-manager-dev 0.0.34-dev → 0.0.35-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-layout-manager-dev",
-  "version": "0.0.34-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

@@ -169,16 +169,15 @@ 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;
                 // 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();
             }
         });
     };