Index: LayoutTests/fast/repaint/transform-inline-layered-child.html |
diff --git a/LayoutTests/fast/repaint/transform-inline-layered-child.html b/LayoutTests/fast/repaint/transform-inline-layered-child.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..6ed3b868b2dbc2b34fbcee1c3ba8ff14a21213b8 |
--- /dev/null |
+++ b/LayoutTests/fast/repaint/transform-inline-layered-child.html |
@@ -0,0 +1,27 @@ |
+<!DOCTYPE html> |
+<script src="resources/text-based-repaint.js"></script> |
+<script> |
+function repaintTest() { |
+ document.getElementById('box').style.transform = 'rotate(30deg)'; |
+} |
+onload = runRepaintTest; |
+</script> |
+<style> |
+#box { |
+ position: absolute; |
+ top: 100px; |
+ left: 100px; |
+ width: 100px; |
+} |
+#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> |