blunt anti-FOUC measures

Polymer · May 21, 2013 · 6fc9b8c · 6fc9b8c
1 parent f28bab8
commit 6fc9b8c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/boot.js b/src/boot.js
@@ -17,14 +17,16 @@ document.write('<meta name="viewport" content="initial-scale=1.0, maximum-scale=
 
 // FOUC prevention tactic
 document.write('<!-- injected FOUC prevention -->\n');
-document.write('<style>body {opacity: 0;}</style>');
+document.write('<style>body {opacity: 0;};</style>');
 
 // done with write
 document.write('<!-- end Polymer injections -->\n');
 
 window.addEventListener('WebComponentsReady', function() {
-  document.body.style.webkitTransition = 'opacity 0.3s';
-  document.body.style.opacity = 1;
+  setTimeout(function() {
+    document.body.style.webkitTransition = 'opacity 0.3s';
+    document.body.style.opacity = 1;
+  }, 400);
 });
 
 })();
diff --git a/src/shimStyling.js b/src/shimStyling.js
@@ -131,6 +131,7 @@ var stylizer = {
       stylizer.shimPolyfillDirectives(element.styles, name);
       // find styles and apply shimming...
       stylizer.applyShimming(stylizer.stylesForElement(element), name);
+      stylizer.apply();
     }
   },
   // Shim styles to be placed inside a shadowRoot.