summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/dynamic-textPath-04.html
blob: 870f61fd191442ba917d089c8df0b76574dd3308 (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
<!doctype html>
<html class="reftest-wait">
<div id="frame" style="background-color:lime;">
<svg style="width: 437px; height: 45px; overflow:visible;" viewBox="0 0 437 45">
  <g font-size="40">
    <text x="40" y="40" fill="red">BAD</text>
    <text fill="lime" stroke="lime" stroke-width="4"><textPath href="#path">BAD</textPath></text>
  </g>
  <path id="path" d="M40 40 h 100" fill="transparent"></path>
</svg>
<style>
html, body, div {
  width: 100%;
  height: 100%;
  padding: none;
  margin: 0;
}
</style>
<script>
  let container = document.getElementById('frame');
  container.getBoundingClientRect();
  setTimeout(function() {
    container.style.pointerEvents = 'all';
    document.documentElement.removeAttribute("class");
  })
</script>
</div>
</html>