|
1 <!-- Any copyright is dedicated to the Public Domain. |
|
2 - http://creativecommons.org/publicdomain/zero/1.0/ --> |
|
3 <!DOCTYPE HTML> |
|
4 <html class="reftest-wait"><head> |
|
5 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
|
6 <title>Testcase for bug 672944</title> |
|
7 <style type="text/css"> |
|
8 @font-face { |
|
9 font-family: DejaVuSansMono; |
|
10 src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff); |
|
11 } |
|
12 html,body { |
|
13 color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; |
|
14 } |
|
15 |
|
16 .bacon { |
|
17 white-space: nowrap; |
|
18 text-overflow: ellipsis ellipsis; |
|
19 overflow: hidden; |
|
20 width: 30ch; |
|
21 display: -moz-box; |
|
22 background: lime; |
|
23 margin-bottom: 1em; |
|
24 } |
|
25 |
|
26 .auto { |
|
27 overflow-x: auto; |
|
28 padding-bottom: 2ch; |
|
29 width: 29.5ch; |
|
30 text-overflow: "" ""; |
|
31 } |
|
32 .scroll { |
|
33 overflow: auto; |
|
34 padding: 2ch; |
|
35 border: 3px solid black; |
|
36 text-overflow: "" ""; |
|
37 } |
|
38 .scroll2 { |
|
39 overflow: auto; |
|
40 padding: 3ch; |
|
41 text-overflow: "" ""; |
|
42 } |
|
43 .scroll3 { |
|
44 overflow: auto; |
|
45 padding: 2ch; |
|
46 text-indent: -3ch; |
|
47 text-overflow: "" ""; |
|
48 } |
|
49 .scroll4 { |
|
50 overflow: auto; |
|
51 padding: 2ch 0.2ch; |
|
52 text-overflow: "" ""; |
|
53 } |
|
54 span { background-color:white; } |
|
55 |
|
56 #block-hover { |
|
57 position:fixed; |
|
58 top:0;left:0;width:100%;height:100%; |
|
59 } |
|
60 </style> |
|
61 <script type="text/javascript"> |
|
62 function init() { |
|
63 // workaround bug 936936 |
|
64 document.body.style.display="block"; |
|
65 |
|
66 document.getElementById('rtl_auto').scrollLeft=999999; |
|
67 |
|
68 document.documentElement.removeAttribute('class'); |
|
69 } |
|
70 </script> |
|
71 </head> |
|
72 <body onload="init();" style="display: inline;"> |
|
73 |
|
74 <div style="float:right;" dir="rtl"> |
|
75 <div class="bacon"><span>1Beef hamburger bacon tri-tip, jowl biltong tail ribeye ham</span></div><br> |
|
76 <div id="rtl_auto" class="bacon auto"><span>2Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
77 <div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
78 <div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
79 <div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
80 <div class="bacon scroll4"><span>6Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
81 </div> |
|
82 |
|
83 <div> |
|
84 <div class="bacon"><span>1Beef hamburger bacon tri-tip, jowl biltong tail ribeye ham</span></div><br> |
|
85 <div class="bacon auto"><span>2Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
86 <div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
87 <div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
88 <div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
89 <div class="bacon scroll4"><span>6Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br> |
|
90 </div> |
|
91 |
|
92 <div id="block-hover"></div> |
|
93 </body> |
|
94 </html> |