OLD | NEW |
| (Empty) |
1 <!-- Based on fast/repaint/transform-rotate-and-remove.html --> | |
2 <!DOCTYPE html> | |
3 <html> | |
4 <head> | |
5 <title> | |
6 Test case for https://bugs.webkit.org/show_bug.cgi?id=61338 | |
7 </title> | |
8 <style> | |
9 .rotated { | |
10 transform:rotate(50deg); | |
11 } | |
12 </style> | |
13 <script src="resources/paint-invalidation-test.js" type="text/javascript
"></script> | |
14 <script> | |
15 function paintInvalidationTest() { | |
16 document.getElementById('rel').classList.remove('rotated'); | |
17 } | |
18 </script> | |
19 </head> | |
20 <body onload="runPaintInvalidationTest()"> | |
21 <!-- | |
22 <p> Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=61338">61338</a
>: Element not fully repainted after application and removal of transform </p> | |
23 <p> The test PASSES only if all the four borders of the box are displaye
d in green</p> | |
24 --> | |
25 <div id="rel" class="rotated" style="height:50px; width:200px; backgroun
d-color:yellow ; border:10px solid green;"> </div> | |
26 </body> | |
27 </html> | |
OLD | NEW |