2 <script src="../../resources/run-after-display.js"></script>
10 if (window.testRunner) {
11 testRunner.waitUntilDone();
12 internals.settings.setForceCompositingMode(true);
15 <div style="position: absolute; top: 100px; width: 200px; z-index: 1; background-color: lightgreen;">
16 <div style="position:relative; height: 50px; overflow: hidden; width: 50px;">
17 <div style="position: absolute; height: 500px; width: 50px; top: -200px; background-color: green"></div>
20 <div id="composited" style="position: absolute; height: 200px; width: 100px; opacity: 0; background-color: lightblue;"></div>
22 var element = document.getElementById('composited');
23 element.style.transform = 'translateZ(0)';
24 runAfterDisplay(function() {
25 element.style.transform = '';
26 runAfterDisplay(function() {
27 if (window.testRunner)
28 testRunner.notifyDone();