blob: c7f1dcb1d9f0b58255ff728e23418a9a5508e365 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<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>
|
