fix: repair fullscreen element detection with Firefox

Rename getFullscreenElement to fullscreenElement. Fixes #1878.
clappr · Dec 3, 2019 · 1da4afd · 1da4afd
1 parent 0f71dde
commit 1da4afd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/core/core.js b/src/components/core/core.js
@@ -300,7 +300,8 @@ export default class Core extends UIObject {
   }
 
   isFullscreen() {
-    return Fullscreen.getFullscreenElement() === (Browser.isiOS ? this.activeContainer.el : this.el)
+    // Ensure current instance is in fullscreen mode by checking fullscreen element
+    return Fullscreen.fullscreenElement() === (Browser.isiOS ? this.activeContainer.el : this.el)
   }
 
   toggleFullscreen() {

diff --git a/src/utils/utils.js b/src/utils/utils.js
@@ -55,10 +55,10 @@ export function formatTime(time, paddedHours) {
 }
 
 export const Fullscreen = {
-  getFullscreenElement: function() {
-    return document.webkitFullscreenElement ||
-      document.webkitIsFullScreen ||
-      document.mozFullScreen ||
+  fullscreenElement: function() {
+    return document.fullscreenElement ||
+      document.webkitFullscreenElement ||
+      document.mozFullScreenElement ||
       document.msFullscreenElement
   },
   requestFullscreen: function(el) {