layout/reftests/text-overflow/xulscroll.html@925c144e1f1f
layout/reftests/text-overflow/xulscroll.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
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 }
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 }
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; }
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";
66 document.getElementById('rtl_auto').scrollLeft=999999;
68 document.documentElement.removeAttribute('class');
69 }
70 </script>
71 </head>
72 <body onload="init();" style="display: inline;">
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>
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>
92 <div id="block-hover"></div>
93 </body>
94 </html>
