summaryrefslogtreecommitdiffstats
path: root/layout/reftests/mathml/mfenced-12.html
blob: 1ec200e4c79abd6bee4ede5db4fbe12e3a0cf487 (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
32
33
34
35
<!DOCTYPE html>
<html class="reftest-wait">

<math style="font-size:25px; position: absolute; top: 10px; left:10px;">
  <mfenced id="outer" separators="&amp;">
      <mn id="a" style="visibility:hidden;">a</mn>
      <mn id="c" style="visibility:hidden;">c</mn>
  </mfenced>
</math>

<!-- Implementation kludge.  <mfenced> renders the position of the ampersand in
     a slightly different position compared to <mo>+<mrow>.
     In this test we are only concerned about the size of the fences "(" and
     ")", so the ampersand gets redacted. -->
<div id="div" style="position: absolute; background:black; top: 0px;
                     height: 120px;"></div>

<script>
  function doTest()
  {
    a = document.getElementById("a");
    c = document.getElementById("c");
    div = document.getElementById("div");
    outer = document.getElementById("outer");

    left = a.getBoundingClientRect().left;  // div's left
    div.style.left = left + 'px';
    div.style.width = (c.getBoundingClientRect().right - left ) + 'px';

    document.documentElement.removeAttribute("class");
   }
   window.addEventListener("MozReftestInvalidate", doTest, false);
</script>

</html>