blob: 49fa323ae72a81d845221b254a6041231df6b9c1 [file] [log] [blame]
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg">
<!--
This tests that a style change on a <text> element within a resource
element like <mask> will cause a reflow of the <text>.
-->
<style>
g { font: 16px sans-serif; }
g.a { font-size: 32px; }
</style>
<defs>
<g>
<mask id="m" x="0" y="0" width="600" height="400">
<text x="100" y="100" fill="white"><tspan>abc</tspan><tspan>def</tspan></text>
</mask>
</g>
</defs>
<rect width="600" height="400" fill="blue" mask="url(#m)"/>
<script>
function doTest() {
document.querySelector("g").setAttribute("class", "a");
document.documentElement.removeAttribute("class");
if (window.testRunner)
testRunner.notifyDone();
}
if (window.testRunner)
testRunner.waitUntilDone();
setTimeout(doTest, 100);
</script>
</svg>