layout/reftests/text-overflow/anonymous-block.html@925c144e1f1f
layout/reftests/text-overflow/anonymous-block.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 <!DOCTYPE HTML>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
6 Test: overflowing anonymous block should not have marker
7 -->
8 <html><head>
9 <title>text-overflow: anonymous block</title>
10 <style type="text/css">
11 @font-face {
12 font-family: DejaVuSansMono;
13 src: url(../fonts/DejaVuSansMono.woff);
14 }
15 html,body {
16 color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
17 }
19 .test {
20 text-overflow:ellipsis;
21 overflow:hidden;
22 width:50%;
23 height:10em;
25 border:1px solid black;
26 white-space:pre;
27 margin-left:2em;
28 margin-bottom:2em;
29 line-height:1.5em;
30 }
31 i {
32 display:inline-block;
33 height: 3em;
34 width: 5em;
35 background: blue;
36 font-style:normal;
37 }
38 span {
39 position:relative;
40 background:pink;
41 top:40px;
42 left:16em;
43 }
45 .t1 {width:6em;}
46 .t2 {width:2em;}
47 .t3 {width:25em;}
48 .t4 {width:17.5em;}
50 input { font-family:DejaVuSansMono; }
51 input::-moz-placeholder {
52 overflow:hidden;
53 text-overflow:ellipsis;
54 }
55 input.t5::-moz-placeholder {
56 text-overflow:"X";
57 }
59 </style>
61 </head><body>
64 <div class="test t1"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
65 <div class="test t2"><x>Some overly long<i style="display:block;">anonymous<br>block</i>and uninformative sentence</x></div>
66 <div class="test t3"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
67 <div class="test t4"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
69 <input size="4" placeholder="placeholder">
70 <input size="4" dir="rtl" placeholder="placeholder">
71 <input size="4" class="t5" placeholder="placeholder">
72 <input size="4" class="t5" dir="rtl" placeholder="placeholder">
74 </body>
75 </html>
