|
1 <!-- |
|
2 Any copyright is dedicated to the Public Domain. |
|
3 http://creativecommons.org/publicdomain/zero/1.0/ |
|
4 --> |
|
5 <svg xmlns="http://www.w3.org/2000/svg" |
|
6 xmlns:html="http://www.w3.org/1999/xhtml" |
|
7 class="reftest-wait"> |
|
8 |
|
9 <title>Testcase for changing the 'transform' on foreignObject</title> |
|
10 |
|
11 <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=369911 --> |
|
12 |
|
13 <script type="application/javascript"> |
|
14 |
|
15 // The foreignObject is inverted so that it is outside the viewport. |
|
16 // After the rect has rendered the transform on the |
|
17 // foreignObject is removed and the green div should fill the viewport. |
|
18 |
|
19 document.addEventListener("MozReftestInvalidate", doTest, false); |
|
20 setTimeout(doTest, 4000); // fallback for running outside reftest |
|
21 |
|
22 function doTest() { |
|
23 document.getElementById('fo').setAttribute('transform', ''); |
|
24 |
|
25 document.documentElement.removeAttribute('class'); |
|
26 } |
|
27 </script> |
|
28 <rect width="100%" height="100%" fill="red"/> |
|
29 <foreignObject id="fo" width="100%" height="100%" transform="scale(-1)"> |
|
30 <html:div style="display:block;width:100%;height:100%;background:lime;"/> |
|
31 </foreignObject> |
|
32 </svg> |