blob: 6344f826bb1531b67d56497dcdb2cd6e22706228 [file] [log] [blame]
<!DOCTYPE html>
<script src="../../../resources/ahem.js"></script>
<style>
#box {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
transform: rotate(30deg);
}
#child {
position: relative;
left: 200px;
top: 200px;
font-family: Ahem;
}
</style>
Tests if the inline layered child is correctly repainted when container's transform changes.
Succeeds if the text is completely rotated leaving no residue at the original location.
<div id="box">
<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>
</div>