| <div id="host">full screen content</div> |
| <div style="position: fixed; top: 100px; left: 100px;">foobar</div> |
| <div style="will-change: transform;">foobar</div> |
| <button>Enter fullscreen</button> |
| <script src="../resources/js-test.js"></script> |
| description("Test that only elements in fullscreen subtree get layer backed."); |
| function goFullscreen() { |
| host.webkitRequestFullscreen(); |
| testFailed('webkitfullscreenchange was not fired'); |
| function finalizeTest() { |
| layers.innerText = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_BACKING_STORE_ATTACHED); |
| host.addEventListener('webkitfullscreenchange', finalizeTest); |
| let button = document.querySelector('button'); |
| button.onclick = goFullscreen; |
| if (window.eventSender) { |
| eventSender.mouseMoveTo(button.offsetLeft + 5, button.offsetTop + 5); |