CSS: dimensions workaround for IE11 fullscreen quirk

Martin Naumann · Martin Naumann · commit fc69b373fd1a · 2015-06-17T13:58:14.000+02:00
Fixes #1764
diff --git a/src/css.js b/src/css.js
@@ -113,6 +113,15 @@ function getWidthOrHeight( elem, name, extra ) {
 		styles = getStyles( elem ),
 		isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
 
+	// Support: IE11+
+	// Fix for edge case in IE 11. See https://github.com/jquery/jquery/issues/1764
+	if (support.reliableDimensionsInFullscreenMode && window.top !== window.self &&
+		document.msFullscreenElement) {
+		val = name === "width" ?
+			Math.round(elem.getBoundingClientRect().width  * 100) :
+			Math.round(elem.getBoundingClientRect().height * 100);
+	}
+
 	// Some non-html elements return undefined for offsetWidth, so check for null/undefined
 	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
 	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
diff --git a/src/css/support.js b/src/css/support.js
@@ -96,7 +96,11 @@ define([
 			div.removeChild( marginDiv );
 
 			return ret;
-		}
+		},
+		// Support: IE 11
+		// IE 11 has a bug with offsetWidth / offsetHeight / getClientBoundingRect()
+		// in fullscreen mode inside an iframe
+		reliableDimensionsInFullscreenMode: !("msFullscreenElement" in document)
 	});
 })();
 
