Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

SVG Preview (Scaled)

Preview of https://hg.mozilla.org/mozilla-central/raw-file/tip/layout/reftests/svg/text/dynamic-font-size-3.svg
<!--
Any copyright is dedicated to the Public Domain.
-->
<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
<!--
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");
}
window.addEventListener("MozReftestInvalidate", doTest, false);
window.setTimeout(doTest, 4000); // fallback for running outside reftest
</script>
</svg>