| OLD | NEW |
| (Empty) |
| 1 <!-- Based on fast/repaint/child-of-sub-pixel-offset-composited-layer.html --> | |
| 2 <!DOCTYPE html> | |
| 3 <html> | |
| 4 <head> | |
| 5 <style> | |
| 6 .container { | |
| 7 transform: translateZ(0); | |
| 8 position: absolute; | |
| 9 top: 100px; | |
| 10 left:100.5px; | |
| 11 background-color: red; | |
| 12 } | |
| 13 | |
| 14 #target { | |
| 15 position: absolute; | |
| 16 left: 0px; | |
| 17 width: 10px; | |
| 18 height: 10px; | |
| 19 border: 2px solid red; | |
| 20 } | |
| 21 | |
| 22 #target.green { | |
| 23 border-color: green; | |
| 24 } | |
| 25 </style> | |
| 26 <script src="resources/paint-invalidation-test.js" type="text/javascript"></scri
pt> | |
| 27 </head> | |
| 28 <body onload="runPaintInvalidationTest();"> | |
| 29 <div class="container"> | |
| 30 <div id="target"> | |
| 31 </div> | |
| 32 </div> | |
| 33 <script> | |
| 34 // This test ensures that children of a composited element with a sub-pixel offs
et are properly repainted. | |
| 35 // The box should have a fully green border. | |
| 36 function paintInvalidationTest() { | |
| 37 var target = document.getElementById('target'); | |
| 38 target.classList.add('green'); | |
| 39 } | |
| 40 </script> | |
| OLD | NEW |