CSS: dimensions workaround for IE11 fullscreen quirk

Martin Naumann · Martin Naumann · commit f9f289192b5a · 2015-06-17T08:51:43.000+02:00
Fixes #1764
diff --git a/src/css.js b/src/css.js
@@ -113,6 +113,14 @@ function getWidthOrHeight( elem, name, extra ) {
 		styles = getStyles( elem ),
 		isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
 
+	// Fix for edge case in IE 11. See https://github.com/jquery/jquery/issues/1764
+	if ( window.top !== window.self && document.msFullscreenElement &&
+		elem.getBoundingClientRect().width > elem.offsetWidth ) {
+		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
