OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 div { | 5 div { |
6 width: 100px; | 6 width: 100px; |
7 height: 100px; | 7 height: 100px; |
8 } | 8 } |
9 | 9 |
10 .composited { | 10 .composited { |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
43 top: 0px; | 43 top: 0px; |
44 } | 44 } |
45 | 45 |
46 body { | 46 body { |
47 overflow: hidden; | 47 overflow: hidden; |
48 } | 48 } |
49 </style> | 49 </style> |
50 | 50 |
51 <script> | 51 <script> |
52 if (window.testRunner) { | 52 if (window.testRunner) { |
53 testRunner.dumpAsText(true); | 53 testRunner.dumpAsTextWithPixelResults(); |
54 window.addEventListener('load', function() { | 54 window.addEventListener('load', function() { |
55 document.getElementById("layertree").innerText = window.internals.la
yerTreeAsText(document); | 55 document.getElementById("layertree").innerText = window.internals.la
yerTreeAsText(document); |
56 }, false); | 56 }, false); |
57 } | 57 } |
58 </script> | 58 </script> |
59 </head> | 59 </head> |
60 | 60 |
61 <body> | 61 <body> |
62 <!-- Tests that CSS transforms and clipping work properly together. --> | 62 <!-- Tests that CSS transforms and clipping work properly together. --> |
63 <!-- This reproduces an error reported in https://bugs.webkit.org/show_bug.cgi
?id=76486 | 63 <!-- This reproduces an error reported in https://bugs.webkit.org/show_bug.cgi
?id=76486 |
64 where the clipRect was not accounting for transforms. As a result, in the
overlapMap, | 64 where the clipRect was not accounting for transforms. As a result, in the
overlapMap, |
65 the intersection of clipRect and layer bounds becomes empty, and layers o
n top do not | 65 the intersection of clipRect and layer bounds becomes empty, and layers o
n top do not |
66 get properly composited. If this happens, the red "under composited" laye
r will be | 66 get properly composited. If this happens, the red "under composited" laye
r will be |
67 exposed, because the "over" div does not become a composited layer. --> | 67 exposed, because the "over" div does not become a composited layer. --> |
68 <div class="container clips"> | 68 <div class="container clips"> |
69 <div class="under composited"></div> | 69 <div class="under composited"></div> |
70 <div class="over"></div> | 70 <div class="over"></div> |
71 </div> | 71 </div> |
72 | 72 |
73 <pre id="layertree"></pre> | 73 <pre id="layertree"></pre> |
74 | 74 |
75 </body> | 75 </body> |
76 | 76 |
77 </html> | 77 </html> |
OLD | NEW |