IE 11 fullscreen inside iframe needs workaround

[christopher@…]

IE 11 has a bug in its fullscreen support. If the element being made fullscreen is inside of an iframe, the values for offsetWidth/offsetHeight and the results of getBoundingClientRect are 100x too small.

Details of the issue are here:

​http://christophercurrie.github.io/technology/2014/03/20/internet-explorer-11-fullscreen-bug.html

It's also been noticed that click positions *may* be off by 100x in the opposite direction. I'll update the ticket if we find a repro for that issue as well.

[dmethvin]

Can you add a link to the IE bug you've reported/found at ​https://connect.microsoft.com/IE/Feedback ? If they're addressing this with a slipstream patch there's no reason for us to attempt a fix.

Also if you haven't found a reliable way to correct the numbers (couldn't tell from a quick read) there's nothing we'll be able to do.

[christopher@…]

The IE bug I've reported is here: ​https://connect.microsoft.com/IE/feedback/details/838286/ie-11-incorrectly-reports-dom-element-sizes-in-fullscreen-mode-when-fullscreened-element-is-within-an-iframe

When the error condition is detected (in this case, offsetWidth/Height < clientWidth/Height, which should never happen), the correct numbers are easily obtainted by calling Element.getBoundingClientRect() and multiplying the results by 100, and subtracting .right from .left or .bottom from .top.

[dmethvin]

Can you post a link to a screen shot showing the problem still exists? Here is what I see on IE 11.0.9600.16659: ​http://i.imgur.com/VQLC9a0.png

[anonymous]

You have to click the "Click Here" link, and look at the values for offsetWidth/offsetHeight, and the values shown for getBoundingClientRect.

I'll post a screen shot later today, if you still need one.

[dmethvin]

Still puzzled, maybe I'm just not getting it. ​http://i.imgur.com/DnD3kDL.png

[anonymous]

It's possible that revision has fixed it; I don't have access to a Windows machine at the moment, so I will retest and get back to you later today.

[christopher@…]

I can confirm that this still exists in IE 11.0.9600.16659. The screenshot is here: ​http://imgur.com/EStRAki

Judging by the dialog above the screen content, it looks like your second screenshot looks like it was taken from Chrome, not IE 11. If it's IE 11, it has the prompt at the bottom of the screen, as shown in the screenshot.

[dmethvin]

You're right, I got confused because I was trying to reproduce the issue and can't get anything like you've described. When I run IE11 and go to that page, then click the second "Click Me" link in the box, IE11 goes full screen and shows a prompt but the screen is totally white. I'll try to do a screen recording if that doesn't make any sense but I need to install some software.

[christopher@…]

I've seen the "totally white" issue before, specifically on Windows 8 on a Surface. For us, Window 8.1 Update (KB 2919355) released just last Tuesday resolved the "totally white" issue, but left the bad measurements unresolved.

[dmethvin]

After several updates and reboots I have been able to finally arrive in the same place as you. ​http://i.imgur.com/GzQ5tvX.png

I've reported this to the IE team privately to see if they have immediate plans to fix it in a slipstream update. Given that the previous issue was a white screen there seems to be some instability in this area.

[christopher@…]

Thanks, I appreciate you taking the time to look at it. FWIW, the "white screen" issue was only ever on Windows 8; Windows 7 has been in the current state for a while (some number of weeks), though I don't know how long Microsoft been aware of it.

[m_gol]

Migrated to ​https://github.com/jquery/jquery/issues/1764