ignore resize events when element (e.g. video) enters/exits fullscreen

metafizzy · May 22, 2017 · 4d7a644 · 4d7a644
1 parent 53f9dfa
commit 4d7a644
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 2 deletions.
diff --git a/dist/packery.pkgd.js b/dist/packery.pkgd.js
@@ -3125,6 +3125,14 @@ proto.resize = function() {
  * @returns Boolean
  */
 proto.needsResizeLayout = function() {
+  if (this.isFullscreen()) {
+    this.fullscreen = true;
+    return false;
+  } else if (this.fullscreen) {
+    this.fullscreen = false;
+    return false;
+  }
+
   var size = getSize( this.element );
   var innerSize = this._getOption('horizontal') ? 'innerHeight' : 'innerWidth';
   return size[ innerSize ] != this.size[ innerSize ];
@@ -3162,6 +3170,13 @@ proto.resizeShiftPercentLayout = function() {
   this.shiftLayout();
 };
 
+proto.isFullscreen = function() {
+  return !!document.fullscreenElement ||
+    !!document.webkitFullscreenElement ||
+    !!document.mozFullScreenElement ||
+    !!document.msFullscreenElement;
+};
+
 // -------------------------- drag -------------------------- //
 
 /**