Fix SVG {text, foreignObject} transform for css animation

third_party/WebKit/LayoutTests/svg/repaint/transform-foreign-object.svg

Index: third_party/WebKit/LayoutTests/svg/repaint/transform-foreign-object.svg
diff --git a/third_party/WebKit/LayoutTests/svg/repaint/transform-foreign-object.svg b/third_party/WebKit/LayoutTests/svg/repaint/transform-foreign-object.svg
new file mode 100644
index 0000000000000000000000000000000000000000..140b2e55f52368f44a1eed0c6e688ca78d6e5614
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/svg/repaint/transform-foreign-object.svg
@@ -0,0 +1,15 @@
+<svg width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintTest()">
+<script xlink:href="../../fast/repaint/resources/text-based-repaint.js"></script>
+<script>
+<![CDATA[
+    function repaintTest() {
+        var foreign = document.getElementsByTagName("foreignObject")[0];
+        foreign.style.transform = 'translate(-100px,0px)';
+    }
+]]>
+</script>
+  <rect x="0" y="0" width="100" height="100" fill="red" />
+  <foreignObject x="100" y="0" width="100" height="100">
+    <div xmlns="http://www.w3.org/1999/xhtml" style="width: 100px; height: 100px; background-color: green;"></div>
+  </foreignObject>
+</svg>