OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 ::-webkit-scrollbar { | |
4 width: 0px; | |
5 height: 0px; | |
6 } | |
7 | |
8 body, html { | |
9 width: 100%; | |
10 height: 100%; | |
11 background-color: blue; | |
12 } | |
13 | |
14 body { | |
15 margin: 0px; | |
16 } | |
17 | |
18 iframe { | |
19 width: 100vw; | |
20 height: 100vh; | |
21 left: -50px; | |
22 top: -50px; | |
23 position: absolute; | |
24 border: 0; | |
25 } | |
26 | |
27 .clipBox { | |
28 position: absolute; | |
29 overflow: hidden; | |
30 left: 50px; | |
31 right: 50px; | |
32 top: 50px; | |
33 bottom: 50px; | |
34 transform: translateZ(0); | |
35 } | |
36 </style> | |
37 | |
38 <script> | |
39 // This test passed if the output is a fully yellow screen. We expect that | |
40 // the "clipBox" boxes in this document and the iframe will have their | |
41 // clipping layers disabled/removed since the child #container element in the | |
42 // iframe is made to be the root scroller. | |
43 if (window.testRunner) | |
44 testRunner.dumpAsTextWithPixelResults(); | |
bokan
2016/09/09 00:19:03
Do you know of a way to dump _just_ the pixel resu
chrishtr
2016/09/09 18:21:15
I don't know of a way. Agree it's weird.
| |
45 | |
46 window.addEventListener('load', function() { | |
47 document.rootScroller = document.getElementById('child'); | |
48 }); | |
49 </script> | |
50 | |
51 <div class="clipBox"> | |
52 <iframe id="child" src="resources/clipping-ancestor-is-composited-sibling-if rame.html"></iframe> | |
chrishtr
2016/09/09 18:21:15
Why do all your tests uses iframes?
bokan
2016/09/10 00:05:54
Iframes are probably the more important case for t
| |
53 </div> | |
OLD | NEW |