1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/text-overflow/clipped-elements-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,78 @@
1.4 +<!DOCTYPE html><html>
1.5 +<head><style>
1.6 +html,body {
1.7 + color:black; background-color:white; font-size:16px; padding:0; margin:0;
1.8 +}
1.9 +.test {
1.10 + overflow: hidden;
1.11 + text-align:right;
1.12 + width: 50px;
1.13 + margin-bottom:1em;
1.14 + height: 20px;
1.15 + white-space:nowrap;
1.16 +/*border:1px solid red;width: 500px;*/
1.17 +}
1.18 +.rel { position:relative; text-align:left;}
1.19 +input,select,fieldset,textarea,hr,span {
1.20 + border:1px solid black;
1.21 + background: white;
1.22 + color: black;
1.23 + padding:0 40px;
1.24 +}
1.25 +iframe,img { width: 80px; height:10px; }
1.26 +select[size="4"],iframe,textarea,hr { height:10px; margin:0; }
1.27 +</style></head>
1.28 +<body>
1.29 +
1.30 +<div style="position:absolute; top:0; left:0;">
1.31 + <div class="test"><fieldset style="display:inline;"></fieldset></div>
1.32 + <div class="test"><fieldset style="display:inline-block;"></fieldset></div>
1.33 + <div class="test"><fieldset style="display:block;"></fieldset></div>
1.34 +
1.35 + <div class="test"><input type="button"></div>
1.36 + <div class="test"><input type="button" style="display:inline-block;"></div>
1.37 + <div class="test"><input type="button" style="display:list-item;"></div>
1.38 + <div class="test"><input type="button" style="display:block;"></div>
1.39 +
1.40 + <div class="test"><input type="text"></div>
1.41 + <div class="test"><input type="text" style="display:inline-block;"></div>
1.42 + <div class="test"><input type="text" style="display:block;"></div>
1.43 +
1.44 + <div class="test"><textarea></textarea></div>
1.45 + <div class="test"><textarea style="display:inline-block;"></textarea></div>
1.46 + <div class="test"><textarea style="display:block;"></textarea></div>
1.47 +
1.48 + <div class="test"><select size="1" style=""><option> <option> </select></div>
1.49 + <div class="test"><select size="1" style="display:block;"><option> <option> </select></div>
1.50 +
1.51 + <div class="test"><select size="4" style=""><option> <option> </select></div>
1.52 + <div class="test"><select size="4" style="display:block;"><option> <option> </select></div>
1.53 +</div>
1.54 +
1.55 +<div style="position:absolute; top:0; left:100px;">
1.56 + <div class="test"><iframe src="about:blank" style=""></iframe></div>
1.57 + <div class="test"><iframe src="about:blank" style="display:block"></iframe></div>
1.58 +
1.59 + <div class="test" style="text-align:left"> …</div>
1.60 + <div class="test" style="text-align:left"> …</div>
1.61 + <div class="test"><img style="display:block;" src="../image/big.png"></div>
1.62 +
1.63 + <div class="test"><x style="display:inline-block; height:100px; width:100%; background:lime">…</x></div>
1.64 + <div class="test"><hr style="display:inline-block;vertical-align:top"></div>
1.65 + <div class="test"><hr style="display:block;"></div>
1.66 +
1.67 + <div class="test">…</div>
1.68 + <div class="test"><span style="display:inline-block;"></span></div>
1.69 + <div class="test"></div>
1.70 + <div class="test"><span style="display:list-item;"></span></div>
1.71 + <div class="test"><span style="display:block;"></span></div>
1.72 + <div class="test rel">1<span style="position:relative;"></span></div>
1.73 + <div class="test rel">2<span style="position:absolute;"></span></div>
1.74 + <div class="test rel">3</div>
1.75 + <div class="test rel">4</div>
1.76 + <div class="test"><span style="float:left"></span></div>
1.77 + <div class="test"><span style="float:left; margin-left:-10px"></span></div>
1.78 + <div class="test"><span style="float:right; margin-right:-10px"></span></div>
1.79 +</div>
1.80 +
1.81 +</body></html>
