Use more reliable fullscreen test

1 files changed, 20 insertions, 12 deletions

diff --git a/site/public/assets/javascripts/_env.js b/site/public/assets/javascripts/_env.js
index ce9e8f9..53a73af 100644
--- a/site/public/assets/javascripts/_env.js
+++ b/site/public/assets/javascripts/_env.js
@@ -168,19 +168,27 @@ environment.ready = function(){
   }
   
   setTimeout(function(){ done_loading = true }, 200)
-  
+
+  /*
+   * Proper fullscreen detection using the HTML5
+   * Full Screen API. Not supported on mobile or
+   * IE10 and under
+   */
+  function isFullScreen() {
+    return !!(document.fullscreenElement ||
+        document.webkitFullscreenElement ||
+        document.mozFullScreenElement ||
+        document.msFullscreenElement)
+  }
+
   $(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', function(){
-    setTimeout(function(){
-      if (window.innerHeight == screen.height) {
-        $("html").addClass("full-screen")
-      }
-      else {
-        $("html").removeClass("full-screen")
-      }
-      setTimeout(function(){
-        resize_gallery()
-      }, 100)
-    }, 500)
+    if (isFullScreen()) {
+      $("html").addClass("full-screen")
+    }
+    else {
+      $("html").removeClass("full-screen")
+    }
+    resize_gallery()
   })
 
   $("#scene_container").click(function(e){