AccessGenerationState::emitExplicitExceptionHandler can clobber an in use register
[WebKit-https.git] / LayoutTests / compositing / shared-backing / partial-compositing-update.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <title></title>
5     <style>
6         
7         .container {
8             position: relative;
9             margin: 20px;
10             width: 300px;
11             height: 300px;
12             border: 1px solid black;
13         }
14         
15         .composited {
16             transform: translateZ(0);
17         }
18         
19         .relative {
20             position: relative;
21             top: -20px;
22             margin: 10px;
23             padding: 10px;
24             border: 2px solid orange;
25         }
26         
27         .clipping {
28             overflow: hidden;
29             height: 200px;
30         }
31         
32         .trigger {
33             margin: 10px;
34             height: 50px;
35             background-color: silver;
36         }
37         
38         .composited.relative {
39             height: 200px;
40         }
41         
42         .absolute {
43             position: absolute;
44             margin: 10px;
45             height: 10px;
46             width: 100px;
47             background-color: silver;
48         }
49         
50         body.changed .absolute {
51             width: 120px;
52         }
53     </style>
54     <script>
55         if (window.testRunner) {
56             testRunner.waitUntilDone();
57             testRunner.dumpAsText();
58         }
59
60         window.addEventListener('load', () => {
61             setTimeout(() => {
62                 document.body.classList.add('changed');
63                 if (window.internals)
64                     document.getElementById('layers').textContent = internals.layerTreeAsText(document);
65                 if (window.testRunner)
66                     testRunner.notifyDone();
67             }, 0);
68         }, false);
69     </script>
70 </head>
71 <body>
72     <div class="composited container">
73         <div class="composited trigger"></div>
74         <div class="relative clipping">
75             <div class="absolute" style="top: 10px;"></div>
76             <div class="absolute" style="top: 30px;"></div>
77             <div class="absolute" style="top: 50px;"></div>
78         </div>
79     </div>
80 <pre id="layers"></pre>
81 </body>
82 </html>