Fix fullscreen button state in sample tour demo.

Fixes #129.
google · Dec 13, 2017 · 4b3a0e7 · 4b3a0e7
1 parent 53449dc
commit 4b3a0e7
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/demos/sample-tour/index.js b/demos/sample-tour/index.js
@@ -123,7 +123,16 @@
   // Set up fullscreen mode, if supported.
   if (screenfull.enabled && data.settings.fullscreenButton) {
     document.body.classList.add('fullscreen-enabled');
-    fullscreenToggleElement.addEventListener('click', toggleFullscreen);
+    fullscreenToggleElement.addEventListener('click', function() {
+      screenfull.toggle();
+    });
+    screenfull.on('change', function() {
+      if (screenfull.isFullscreen) {
+        fullscreenToggleElement.classList.add('enabled');
+      } else {
+        fullscreenToggleElement.classList.remove('enabled');
+      }
+    });
   } else {
     document.body.classList.add('fullscreen-disabled');
   }
@@ -235,15 +244,6 @@
     }
   }
 
-  function toggleFullscreen() {
-    screenfull.toggle();
-    if (screenfull.isFullscreen) {
-      fullscreenToggleElement.classList.add('enabled');
-    } else {
-      fullscreenToggleElement.classList.remove('enabled');
-    }
-  }
-
   function createLinkHotspotElement(hotspot) {
 
     // Create wrapper element to hold icon and tooltip.