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