summaryrefslogtreecommitdiffstats
path: root/layout/reftests/mathml/dir-3.html
blob: a932d464c01d81378c8a79280d9539ab1f77e3f8 (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
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
100
101
102
103
104
105
<!DOCTYPE html>
<html>
  <head><title>Test dir=rtl</title></head>
  <body style="background: white;">

    <!-- The visible part of the formulas below should be covered by the
         black rectangle when dir=rtl -->

    <div style="position: absolute; top: 5px; left: 5px;">
      <!-- msup -->
      <math dir="rtl">
        <msup>
          <mspace width="20px" height="20px"/>
          <mspace width="20px" height="20px" mathbackground="red"/>
        </msup>
      </math><br/>
      <!-- msub -->
      <math dir="rtl">
        <msub>
          <mspace width="20px" height="20px"/>
          <mspace width="20px" height="20px" mathbackground="orange"/>
        </msub>
      </math><br/>
      <!-- msubsup -->
      <math dir="rtl">
        <msubsup>
          <mspace width="20px" height="20px"/>
          <mspace width="20px" height="20px" mathbackground="green"/>
          <mspace width="20px" height="20px" mathbackground="blue"/>
        </msubsup>
      </math><br/>
      <!-- mmultiscripts -->
      <math dir="rtl">
        <mmultiscripts>
          <mspace/>
          <mspace width="20px" height="20px" mathbackground="cyan"/>
          <mspace width="20px" height="20px" mathbackground="yellow"/>
          <mprescripts/>
          <mspace width="20px" height="20px"/>
          <mspace width="20px" height="20px"/>
        </mmultiscripts>
      </math><br/>
      <!-- munder (mo with movablelimits=true and displaystyle=false) -->
      <math dir="rtl">
        <munder>
          <mpadded width="20px">
            <mphantom>
              <mo movablelimits="true" displaystyle="false">|</mo>
            </mphantom>
          </mpadded>
          <mspace width="20px" height="20px" mathbackground="magenta"/>
        </munder>
      </math><br/>
      <!-- mover (mo with movablelimits=true and displaystyle=false) -->
      <math dir="rtl">
        <mover>
          <mpadded width="20px">
            <mphantom>
              <mo movablelimits="true" displaystyle="false">|</mo>
            </mphantom>
          </mpadded>
          <mspace width="20px" height="20px" mathbackground="cyan"/>
        </mover>
      </math><br/>
      <!-- munderover (mo with movablelimits=true and displaystyle=false) -->
      <math dir="rtl">
        <munderover>
          <mpadded width="20px">
            <mphantom>
              <mo movablelimits="true" displaystyle="false">|</mo>
            </mphantom>
          </mpadded>
          <mspace width="20px" height="20px" mathbackground="yellow"/>
          <mspace width="20px" height="20px" mathbackground="grey"/>
        </munderover>
      </math><br/>
      <!-- mroot -->
      <math dir="rtl">
        <mstyle mathcolor="white">
          <mroot>
            <mspace width="20px" height="20px" mathbackground="orange"/>
            <mspace width="20px" height="20px"/>
          </mroot>
        </mstyle>
      </math><br/>
      <!-- msqrt -->
      <math dir="rtl">
        <mstyle mathcolor="white">
          <msqrt>
            <!-- Here, we assume that (width of radical + width of mspace)
                 is greater than the width of the black rectangle (i.e.
                 width of radical > 30 - 25 = 5px), so the test fails if the
                 radical is placed on the left. -->
            <mspace width="25px" height="20px" mathbackground="grey"/>
          </msqrt>
        </mstyle>
      </math>
    </div>

    <div style="position: absolute; top: 5px; left: 5px;">
      <div style="width: 30px; height: 500px; background: black;"></div>
    </div>

  </body>
</html>