| 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 |