| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>fullscreen-restore-scroll-position</title> |
| <script src="../media/video-test.js"></script> |
| <script src="../media/media-file.js"></script> |
| <style> |
| html, body, #spacer { |
| height: 100%; |
| } |
| video { |
| width: 600px; |
| height: 400px; |
| } |
| </style> |
| <script> |
| |
| let originalScroll = 0; |
| |
| waitFor(window, 'load').then(async event => { |
| |
| if (Element.prototype.webkitRequestFullScreen == undefined) { |
| logResult(false, "Element.prototype.webkitRequestFullScreen == undefined"); |
| endTest(); |
| returh; |
| } |
| |
| video = document.getElementsByTagName('video')[0]; |
| video.src = findMediaFile('video', '../media/content/test'); |
| waitFor(video, 'canplaythrough', true); |
| |
| originalScroll = document.body.clientHeight; |
| document.scrollingElement.scrollTop = originalScroll; |
| originalScroll = document.scrollingElement.scrollTop; |
| |
| document.onwebkitfullscreenchange = async (event) => { |
| |
| if (document.webkitIsFullScreen) { |
| await sleepFor(100); |
| document.webkitCancelFullScreen(); |
| return; |
| } |
| |
| await testExpectedEventually("(document.scrollingElement.scrollTop === originalScroll)", true); |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }; |
| |
| runWithKeyDown(() => document.getElementById('parent').webkitRequestFullScreen()); |
| }); |
| |
| </script> |
| </head> |
| <body> |
| <p>This tests that page scroll is restored after fullscreen. Press any key to start the test.</p> |
| <div id="spacer"></div> |
| <div id="parent"> |
| <video id="video" controls><video> |
| </div> |
| </body> |
| </html> |
