1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/text-overflow/clipped-elements.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,80 @@ 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-overflow: ellipsis; 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;} 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 + 1.28 +x {visibility:hidden;display:inline-block;margin-left:-10px;width:1000px;} 1.29 +</style></head> 1.30 +<body> 1.31 + 1.32 +<div style="position:absolute; top:0; left:0;"> 1.33 + <div class="test"><fieldset style="display:inline;"></fieldset></div> 1.34 + <div class="test"><fieldset style="display:inline-block;"></fieldset></div> 1.35 + <div class="test"><fieldset style="display:block;"></fieldset></div> 1.36 + 1.37 + <div class="test"><input type="button"></div> 1.38 + <div class="test"><input type="button" style="display:inline-block;"></div> 1.39 + <div class="test"><input type="button" style="display:list-item;"></div> 1.40 + <div class="test"><input type="button" style="display:block;"></div> 1.41 + 1.42 + <div class="test"><input type="text"></div> 1.43 + <div class="test"><input type="text" style="display:inline-block;"></div> 1.44 + <div class="test"><input type="text" style="display:block;"></div> 1.45 + 1.46 + <div class="test"><textarea></textarea></div> 1.47 + <div class="test"><textarea style="display:inline-block;"></textarea></div> 1.48 + <div class="test"><textarea style="display:block;"></textarea></div> 1.49 + 1.50 + <div class="test"><select size="1" style=""><option> <option> </select></div> 1.51 + <div class="test"><select size="1" style="display:block;"><option> <option> </select></div> 1.52 + 1.53 + <div class="test"><select size="4" style=""><option> <option> </select></div> 1.54 + <div class="test"><select size="4" style="display:block;"><option> <option> </select></div> 1.55 +</div> 1.56 + 1.57 +<div style="position:absolute; top:0; left:100px;"> 1.58 + <div class="test"><iframe src="about:blank" style=""></iframe></div> 1.59 + <div class="test"><iframe src="about:blank" style="display:block"></iframe></div> 1.60 + 1.61 + <div class="test"> <img src="../image/big.png"></div> 1.62 + <div class="test"> <img style="display:inline-block;" src="../image/big.png"></div> 1.63 + <div class="test"><img style="display:block;" src="../image/big.png"></div> 1.64 + 1.65 + <div class="test"><hr style="display:inline;background:lime;vertical-align:top;padding-top:100px;padding-bottom:100px; border-width:0"></div> 1.66 + <div class="test"><hr style="display:inline-block;vertical-align:top"></div> 1.67 + <div class="test"><hr style="display:block;"></div> 1.68 + 1.69 + <div class="test"><span style="border-width:0"></span></div> 1.70 + <div class="test"><span style="display:inline-block;"></span></div> 1.71 + <div class="test"><span style="display:inline-table;"></span></div> 1.72 + <div class="test"><span style="display:list-item;"></span></div> 1.73 + <div class="test"><span style="display:block;"></span></div> 1.74 + <div class="test rel">1<span style="position:relative;"></span></div> 1.75 + <div class="test rel">2<span style="position:absolute"></span></div> 1.76 + <div class="test rel">3<span style="position:absolute; left:60px"></span></div> 1.77 + <div class="test rel">4<x></x><span style="position:absolute;">abs4</span></div> 1.78 + <div class="test"><span style="float:left"></span></div> 1.79 + <div class="test"><span style="float:left; margin-left:-10px"></span></div> 1.80 + <div class="test"><span style="float:right; margin-right:-10px"></span></div> 1.81 +</div> 1.82 + 1.83 +</body></html>