Version: 49.0.2623.110 (64-bit)
OS: Linux

What steps will reproduce the problem?
(1)Open the attached file
(2)Click the outer (blue) toggle full screen button 
(3)Click the inner (red) toggle full screen button
(4)Click the inner (red) toggle full screen button again

What is the expected output?
The red div exits full screen, going back to the same state as after (2).

What do you see instead?
The red div stays in full screen (but you can press Esc to exit full screen altogether). Additionally, if you press escape after (4) without clicking the button any more times, the red div remains "full window".



I tested the attached file in firefox, and it behaved as I would expect.



I added logging of document.webkitFullscreenElement, and it looks like Chrome thinks that the red div exited full screen. See below:

(After step 2)
isOuterFullscreen = true full screen element: 
NancyFullscreenBug.html:39 <div id=​"outer_div" style=​"width:​ 700px;​ height:​ 500px;​ background-color:​ blue;​">​…​</div>​

(After step 3)
NancyFullscreenBug.html:59 isInnerFullscreen = true full screen element: 
NancyFullscreenBug.html:60 <div id=​"inner_div" style=​"position:​ absolute;​ left:​ 0px;​ top:​ 0px;​ width:​ 100%;​ height:​ 100%;​ background-color:​ red">​…​</div>​

(After step 4)
NancyFullscreenBug.html:59 isInnerFullscreen = false full screen element: 
NancyFullscreenBug.html:60 <div id=​"outer_div" style=​"width:​ 700px;​ height:​ 500px;​ background-color:​ blue;​">​…​</div>​
 

Deleted: NancyFullscreenBug.html 2.6 KB

NancyFullscreenBug.html 2.6 KB View Download