| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../resources/ahem.js"></script> | 2 <script src="../../resources/ahem.js"></script> |
| 3 <style> | 3 <style> |
| 4 #box { | 4 #box { |
| 5 position: absolute; | 5 position: absolute; |
| 6 top: 100px; | 6 top: 100px; |
| 7 left: 100px; | 7 left: 100px; |
| 8 width: 100px; | 8 width: 100px; |
| 9 transform: rotate(30deg); | 9 transform: rotate(30deg); |
| 10 } | 10 } |
| 11 #child { | 11 #child { |
| 12 position: relative; | 12 position: relative; |
| 13 left: 200px; | 13 left: 200px; |
| 14 top: 200px; | 14 top: 200px; |
| 15 font-family: Ahem; | 15 font-family: Ahem; |
| 16 } | 16 } |
| 17 </style> | 17 </style> |
| 18 Tests if the inline layered child is correctly repainted when container's transf
orm changes. | 18 Tests if the inline layered child is correctly repainted when container's transf
orm changes. |
| 19 Succeeds if the text is completely rotated leaving no residue at the original lo
cation. | 19 Succeeds if the text is completely rotated leaving no residue at the original lo
cation. |
| 20 <div id="box"> | 20 <div id="box"> |
| 21 <span id="child">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</span> | 21 <span id="child">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</span> |
| 22 </div> | 22 </div> |
| OLD | NEW |