summaryrefslogtreecommitdiffstats
path: root/layout/reftests/forms/fieldset/overflow-hidden.html
blob: 48013480369fff30d68c092fd89b2658e05f80b5 (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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE HTML>
<html><head>
    <meta charset="utf-8">
    <title>Testcase for bug 971933</title>
    <style type="text/css">
        html,body {
            color:black; background-color:white; font-size:16px;
        }
#f0 div::before { content: "f0"; }
#f1 div::before { content: "f1"; }
#f2 div::before { content: "f2"; }
#f3 div::before { content: "f3"; }
#f4 div::before { content: "f4"; }
#f5 div::before { content: "f5"; }
#f6 div::before { content: "f6"; }
#f7 div::before { content: "f7"; }
#f8 div::before { content: "f8"; }
#f9 div::before { content: "f9"; }

legend { background:pink; height:30px; }
div { background:yellow; height:100px; }
fieldset {
    border-width:0;
    padding:0;
    margin:0;
    margin-top:6px;
    outline:1px dotted black;
    height:15px;
    overflow:hidden;
    background:grey;

    padding-bottom:3px;
    padding-top:5px;
    border:1px solid blue;
    border-top-width:7px;
}

#f1 {}
#f2 { border-top-width:0; }
#f3 { border-width:0; }
#f4 { border-bottom-width:0; }
#f5 { border-width:0; padding:0; }
#f6 { border-width:0; padding-bottom:0; }
#f7 { border-width:0; padding-top:0; }
#f8 { padding-top:0; }
#f9 { padding-bottom:0; }
#f0 { padding:0; }

#c2 fieldset { height:29px; }

#c3 fieldset { height:39px; }

#c4 fieldset { height:29px; }
#c4 legend { height: 20px; }

#c5 legend { height:21px; }
#c5 fieldset { border-top-width:31px; }

.col { float:left; width:10ch; margin-left:6px; }
</style>
</head>
<body>
<span id=c1 class=col>C1
        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
</span>
<span id=c2 class=col>C2
        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
</span>
<span id=c3 class=col>C3
        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
</span>
<span id=c4 class=col>C4
        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
</span>
<span id=c5 class=col>C5
        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
</span>

</body>
</html>