From a6e737bdbbf7596e6f6d51e9a2c29187482fcd0f Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sat, 14 Apr 2018 14:50:53 -0700
Subject: [PATCH] remove page flash due to LazyPage.html (#120)

---
 routes/_components/LazyPage.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/routes/_components/LazyPage.html b/routes/_components/LazyPage.html
index dc35574b..073950aa 100644
--- a/routes/_components/LazyPage.html
+++ b/routes/_components/LazyPage.html
@@ -2,8 +2,17 @@
   <:Component {pageComponent} :params />
 {{/if}}
 <script>
+  // On the very first page load, avoid doing a "reveal" because
+  // it leads to a flash between when the SSR is shown, the two frame we hide it,
+  // and then when we show it again.
+  //
+  // We only really need LazyPage behavior when the user is clicking around
+  // after the page has loaded, to improve input responsiveness.
+  let firstTime = true
+
   export default {
     oncreate() {
+      firstTime = false
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           this.set({revealed: true})
@@ -11,7 +20,7 @@
       })
     },
     data: () => ({
-      revealed: !process.browser
+      revealed: !process.browser || firstTime
     })
   }
 </script>
\ No newline at end of file