[default-layout] Use visibilityState to hide loadingScreen. Fixes #459 (

#573) * [default-layout] Use visibilityState to hide loadingScreen. Fixes #459 * [default-layout] OR, not AND
sanity-io · Feb 9, 2018 · 41cd02a · 41cd02a
1 parent ae7f208
commit 41cd02a
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/@sanity/default-layout/src/components/DefaultLayout.js b/packages/@sanity/default-layout/src/components/DefaultLayout.js
@@ -120,13 +120,18 @@ export default withRouterHOC(
         }
       })
 
-
       return (
         <div
           className={`${styles.defaultLayout} ${mobileMenuIsOpen ? styles.mobileMenuIsOpen : ''}`}>
           {this.state.showLoadingScreen && (
             <div
-              className={this.state.loaded ? styles.loadingScreenLoaded : styles.loadingScreen}
+
+
+              className={
+                this.state.loaded || document.visibilityState == 'hidden'
+                  ? styles.loadingScreenLoaded
+                  : styles.loadingScreen
+              }
               ref={this.setLoadingScreenElement}>
               <AppLoadingScreen text="Restoring Sanity" />
             </div>