CSS: Work around an IE11 fullscreen dimensions bug

Fixes gh-1764
Closes gh-2401

diff --git a/src/css.js b/src/css.js
index 566f5a0fd6b034028e44ac916baebfabd09d7954..922f44162ccc7e2f24c24bf2699c0c762b6d88ff 100644 (file)
--- a/src/css.js
+++ b/src/css.js
@@ -113,6 +113,17 @@ function getWidthOrHeight( elem, name, extra ) {
                styles = getStyles( elem ),
                isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
 
+       // Support: IE11 only
+       // Fix for edge case in IE 11. See gh-1764
+       if ( document.msFullscreenElement && window.top !== window ) {
+               // Support: IE11 only
+               // Running getBoundingClientRect on a disconnected node
+               // in IE throws an error.
+               if ( elem.getClientRects().length ) {
+                       val = Math.round( elem.getBoundingClientRect()[ name ] * 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