summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/text/dynamic-font-size-2.svg
blob: 3e9a0ced3f7cd8e53373e4a5d2ccffb11b3122db (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
<!--
     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>
    svg { font: 16px sans-serif; }
    svg.a { font-size: 32px; }
  </style>
  <defs>
    <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>
  </defs>
  <rect width="600" height="400" fill="blue" mask="url(#m)"/>
  <script>
    function doTest() {
      document.documentElement.setAttribute("class", "a");
    }

    window.addEventListener("MozReftestInvalidate", doTest, false);
    window.setTimeout(doTest, 4000); // fallback for running outside reftest
  </script>
</svg>