michael@0: <svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" onload="setTimeout(boom1, 30);" class="reftest-wait">
michael@0: 
michael@0: <html:script>
michael@0: 
michael@0: function boom1()
michael@0: {
michael@0:   document.getElementsByTagName("mi")[0].setAttribute('id', "ffff");
michael@0: 
michael@0:   document.getElementById("fo").appendChild(document.createTextNode(" "));
michael@0: 
michael@0:   boom2();
michael@0: }
michael@0: 
michael@0: function boom2()
michael@0: {
michael@0:   var fodiv = document.getElementById("fodiv");
michael@0:   fodiv.parentNode.removeChild(fodiv);
michael@0: 
michael@0:   document.documentElement.removeAttribute("class");
michael@0: }
michael@0: 
michael@0: </html:script>
michael@0: 
michael@0: 
michael@0:   <g>
michael@0:     <foreignObject width="500" height="500" transform="scale(.7,.7)" id="fo" y="300">
michael@0:   
michael@0: <div id="fodiv" xmlns="http://www.w3.org/1999/xhtml">
michael@0: 
michael@0: 
michael@0: 
michael@0: <p>0 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 990 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 990 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 990 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99</p>
michael@0: 
michael@0: 
michael@0: 
michael@0: <div><math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
michael@0: <mrow>
michael@0:   <mi>A</mi>
michael@0: </mrow>
michael@0: </math></div>
michael@0: 
michael@0: 
michael@0: <svg xmlns="http://www.w3.org/2000/svg" id="svg" viewbox="0 0 250 250" width="100" height="100">
michael@0:   <style type="text/css">
michael@0:     circle:hover {fill-opacity:0.9;}
michael@0:   </style>
michael@0: 
michael@0:   <g style="fill-opacity:0.7;" transform="scale(.2)">
michael@0:     <circle cx="6.5cm" cy="2cm" r="100" style="fill:red; stroke:black; stroke-width:0.1cm" transform="translate(0,50)" />
michael@0:     <circle cx="6.5cm" cy="2cm" r="100" style="fill:blue; stroke:black; stroke-width:0.1cm" transform="translate(70,150)" />
michael@0:     <circle cx="6.5cm" cy="2cm" r="100" style="fill:green; stroke:black; stroke-width:0.1cm" transform="translate(-70,150)"/>
michael@0:   </g>
michael@0: </svg>
michael@0: 
michael@0: </div>
michael@0: </foreignObject>
michael@0: </g>
michael@0: 
michael@0: 
michael@0: 
michael@0: </svg>