layout/reftests/text-overflow/marker-basic-ref.html@97036ab72558 (annotated)
layout/reftests/text-overflow/marker-basic-ref.html
Tue, 06 Jan 2015 21:39:09 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Tue, 06 Jan 2015 21:39:09 +0100
- branch
- TOR_BUG_9701
- changeset 8
- 97036ab72558
- permissions
- -rw-r--r--
Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.
| michael@0 | 1 | <!DOCTYPE HTML> |
| michael@0 | 2 | <!-- |
| michael@0 | 3 | Any copyright is dedicated to the Public Domain. |
| michael@0 | 4 | http://creativecommons.org/licenses/publicdomain/ |
| michael@0 | 5 | --> |
| michael@0 | 6 | <html><head> |
| michael@0 | 7 | <title>text-overflow: basic marker position tests</title> |
| michael@0 | 8 | <style type="text/css"> |
| michael@0 | 9 | @font-face { |
| michael@0 | 10 | font-family: DejaVuSansMono; |
| michael@0 | 11 | src: url(../fonts/DejaVuSansMono.woff); |
| michael@0 | 12 | } |
| michael@0 | 13 | html,body { |
| michael@0 | 14 | color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; |
| michael@0 | 15 | } |
| michael@0 | 16 | |
| michael@0 | 17 | .rtl { |
| michael@0 | 18 | direction:rtl; |
| michael@0 | 19 | } |
| michael@0 | 20 | .ltr { |
| michael@0 | 21 | direction:ltr; |
| michael@0 | 22 | } |
| michael@0 | 23 | .rlo { |
| michael@0 | 24 | unicode-bidi: bidi-override; direction: rtl; |
| michael@0 | 25 | } |
| michael@0 | 26 | .lro { |
| michael@0 | 27 | unicode-bidi: bidi-override; direction: ltr; |
| michael@0 | 28 | } |
| michael@0 | 29 | |
| michael@0 | 30 | .rel { |
| michael@0 | 31 | position: relative; |
| michael@0 | 32 | height:2em; |
| michael@0 | 33 | } |
| michael@0 | 34 | .abs0 { |
| michael@0 | 35 | position: absolute; |
| michael@0 | 36 | top:0; left:0; |
| michael@0 | 37 | } |
| michael@0 | 38 | .abs0r { |
| michael@0 | 39 | position: absolute; |
| michael@0 | 40 | top:0; right:0; |
| michael@0 | 41 | } |
| michael@0 | 42 | |
| michael@0 | 43 | .s { |
| michael@0 | 44 | width:4em; |
| michael@0 | 45 | } |
| michael@0 | 46 | .p { |
| michael@0 | 47 | overflow: hidden; |
| michael@0 | 48 | white-space:nowrap; |
| michael@0 | 49 | font-size:16px; |
| michael@0 | 50 | } |
| michael@0 | 51 | .a { |
| michael@0 | 52 | font-size:20px; |
| michael@0 | 53 | } |
| michael@0 | 54 | .r { |
| michael@0 | 55 | text-align:right; |
| michael@0 | 56 | } |
| michael@0 | 57 | .l { |
| michael@0 | 58 | text-align:left; |
| michael@0 | 59 | } |
| michael@0 | 60 | |
| michael@0 | 61 | i { |
| michael@0 | 62 | display:inline-block; |
| michael@0 | 63 | width: 1.5em; |
| michael@0 | 64 | height: 1em; |
| michael@0 | 65 | font-style:normal; |
| michael@0 | 66 | color:lime; |
| michael@0 | 67 | border: 1px solid magenta; |
| michael@0 | 68 | text-decoration:overline; |
| michael@0 | 69 | } |
| michael@0 | 70 | .cl { |
| michael@0 | 71 | margin-left:-1em; |
| michael@0 | 72 | color: black; |
| michael@0 | 73 | } |
| michael@0 | 74 | .cr { |
| michael@0 | 75 | margin-right:-1em; |
| michael@0 | 76 | color: black; |
| michael@0 | 77 | } |
| michael@0 | 78 | .c5 { |
| michael@0 | 79 | margin-left:-0.5em; |
| michael@0 | 80 | margin-right:-0.5em; |
| michael@0 | 81 | color: black; |
| michael@0 | 82 | } |
| michael@0 | 83 | .outside { |
| michael@0 | 84 | width:1px; height:1px; |
| michael@0 | 85 | } |
| michael@0 | 86 | .overlap1 { |
| michael@0 | 87 | width:1.5em; height:1px; |
| michael@0 | 88 | } |
| michael@0 | 89 | .ins1 { |
| michael@0 | 90 | width:1em; height:1px; |
| michael@0 | 91 | } |
| michael@0 | 92 | .ins2 { margin-right: 0.8em; margin-left: -1em; } |
| michael@0 | 93 | .overlap2 { |
| michael@0 | 94 | width:1000px; height:1px; |
| michael@0 | 95 | } |
| michael@0 | 96 | .e { padding: 0 0.8em; } |
| michael@0 | 97 | |
| michael@0 | 98 | x1 { display:inline-block; position:relative;} |
| michael@0 | 99 | x1 m { position:absolute; right:0; font-size:16px; } |
| michael@0 | 100 | |
| michael@0 | 101 | #test1a { top:0; left:0; position:absolute; } |
| michael@0 | 102 | #test1b { top:0; left:100px; position:absolute; } |
| michael@0 | 103 | #test1c { top:0; left:200px; position:absolute; } |
| michael@0 | 104 | #test1d { top:0; left:300px; position:absolute; } |
| michael@0 | 105 | #test2a { top:40px; left:0; position:absolute; } |
| michael@0 | 106 | #test2b { top:40px; left:100px; position:absolute; } |
| michael@0 | 107 | #test2c { top:40px; left:200px; position:absolute; } |
| michael@0 | 108 | #test2d { top:40px; left:300px; position:absolute; } |
| michael@0 | 109 | #test3a { top:80px; left:0; position:absolute; } |
| michael@0 | 110 | #test3b { top:80px; left:100px; position:absolute; } |
| michael@0 | 111 | #test3c { top:80px; left:200px; position:absolute; } |
| michael@0 | 112 | #test3d { top:80px; left:300px; position:absolute; } |
| michael@0 | 113 | #test4a { top:120px; left:0; position:absolute; } |
| michael@0 | 114 | #test4b { top:120px; left:100px; position:absolute; } |
| michael@0 | 115 | #test4c { top:120px; left:200px; position:absolute; } |
| michael@0 | 116 | #test4d { top:120px; left:300px; position:absolute; } |
| michael@0 | 117 | #test5a { top:160px; left:0; position:absolute; } |
| michael@0 | 118 | #test5b { top:160px; left:100px; position:absolute; } |
| michael@0 | 119 | #test5c { top:160px; left:200px; position:absolute; } |
| michael@0 | 120 | #test5d { top:160px; left:300px; position:absolute; } |
| michael@0 | 121 | #test6a { top:200px; left:0; position:absolute; } |
| michael@0 | 122 | #test6b { top:200px; left:100px; position:absolute; } |
| michael@0 | 123 | #test6c { top:200px; left:200px; position:absolute; } |
| michael@0 | 124 | #test6d { top:200px; left:300px; position:absolute; } |
| michael@0 | 125 | #test7a { top:240px; left:0; position:absolute; } |
| michael@0 | 126 | #test7b { top:240px; left:100px; position:absolute; } |
| michael@0 | 127 | #test7c { top:240px; left:200px; position:absolute; } |
| michael@0 | 128 | #test7d { top:240px; left:300px; position:absolute; } |
| michael@0 | 129 | #test8a { top:280px; left:0; position:absolute; } |
| michael@0 | 130 | #test8b { top:280px; left:100px; position:absolute; } |
| michael@0 | 131 | #test8c { top:280px; left:200px; position:absolute; } |
| michael@0 | 132 | #test8d { top:280px; left:300px; position:absolute; } |
| michael@0 | 133 | #test9a { top:320px; left:0; position:absolute; border:1px solid black; } |
| michael@0 | 134 | #test9b { top:320px; left:100px; position:absolute; border:1px solid black; } |
| michael@0 | 135 | #test9c { top:320px; left:200px; position:absolute; border:1px solid black; } |
| michael@0 | 136 | #test9d { top:320px; left:300px; position:absolute; border:1px solid black; } |
| michael@0 | 137 | #test10a { top:360px; left:0; position:absolute; } |
| michael@0 | 138 | #test10b { top:360px; left:100px; position:absolute; } |
| michael@0 | 139 | |
| michael@0 | 140 | </style> |
| michael@0 | 141 | </head> |
| michael@0 | 142 | <body> |
| michael@0 | 143 | <div style="position: absolute; top:20px; left:50px;"> |
| michael@0 | 144 | |
| michael@0 | 145 | <div id="test1a"> |
| michael@0 | 146 | <div class="s a"><div class="p rel"> |
| michael@0 | 147 | <div class="abs0" style="text-align:left"><span class="cl a"> ||||</span><m>…</m></div> |
| michael@0 | 148 | <div class="abs0" style="text-align:left"><span class="cl a"> <m style="position:absolute; right:0; bottom:0;"><m0 style=" font-size:16px">…</m0></m></span></div> |
| michael@0 | 149 | </div></div> |
| michael@0 | 150 | </div> |
| michael@0 | 151 | <div id="test1b"> |
| michael@0 | 152 | <div class="s a rtl"><div class="p rel"> |
| michael@0 | 153 | <div class="abs0r"><span class="cr a rlo"> ||||</span><m>…</m></div> |
| michael@0 | 154 | <div class="abs0r"><span class="cr a rlo"> <m style="position:absolute; left:0; bottom:0;"><m0 style=" font-size:16px">…</m0></m></span></span></div> |
| michael@0 | 155 | </div></div> |
| michael@0 | 156 | </div> |
| michael@0 | 157 | <div id="test1c"> |
| michael@0 | 158 | <div class="s a"><div class="p rel"> |
| michael@0 | 159 | <div class="abs0" style="text-align:left"><span class="cl a"> ||||</span><m>…</m></div> |
| michael@0 | 160 | <div class="abs0" style="text-align:left"><span class="cl a"> <m style="position:absolute; right:0; bottom:0;"><m0 style=" font-size:16px">…</m0></m></span></div> |
| michael@0 | 161 | </div></div> |
| michael@0 | 162 | </div> |
| michael@0 | 163 | <div id="test1d"> |
| michael@0 | 164 | <div class="s a rtl"><div class="p rel"> |
| michael@0 | 165 | <div class="abs0r"><span class="cr a rlo"> ||||</span><m>…</m></div> |
| michael@0 | 166 | <div class="abs0r"><span class="cr a rlo"> <m style="position:absolute; left:0; bottom:0;"><m0 style=" font-size:16px">…</m0></m></span></span></div> |
| michael@0 | 167 | </div></div> |
| michael@0 | 168 | </div> |
| michael@0 | 169 | |
| michael@0 | 170 | <div id="test2a"> |
| michael@0 | 171 | <div class="s a"><div class="p rel"> |
| michael@0 | 172 | <div class="abs0" style="text-align:left"><m>…</m><span class="cl a"> </span></div> |
| michael@0 | 173 | </div></div> |
| michael@0 | 174 | </div> |
| michael@0 | 175 | <div id="test2b"> |
| michael@0 | 176 | <div class="s a"><div class="p rel"> |
| michael@0 | 177 | <div class="abs0" style="text-align:left"><m>…</m><span class="cl a"> </span></div> |
| michael@0 | 178 | </div></div> |
| michael@0 | 179 | </div> |
| michael@0 | 180 | <div id="test2c"> |
| michael@0 | 181 | <div class="s a"><div class="p rel"> |
| michael@0 | 182 | <div class="abs0" style="text-align:right; left:auto; right:0;"><span class="cr a"> </span><m>…</m></div> |
| michael@0 | 183 | </div></div> |
| michael@0 | 184 | </div> |
| michael@0 | 185 | <div id="test2d"> |
| michael@0 | 186 | <div class="s a"><div class="p rel"> |
| michael@0 | 187 | <div class="abs0" style="text-align:right; left:auto; right:0;"><span class="cr a"> </span><m>…</m></div> |
| michael@0 | 188 | </div></div> |
| michael@0 | 189 | </div> |
| michael@0 | 190 | |
| michael@0 | 191 | <div id="test3a"> |
| michael@0 | 192 | <div class="s a"><div class="p rel"> |
| michael@0 | 193 | <div class="abs0" style="text-align:left"><m>…</m><span class="cl a"> </span></div> |
| michael@0 | 194 | </div></div> |
| michael@0 | 195 | </div> |
| michael@0 | 196 | <div id="test3b"> |
| michael@0 | 197 | <div class="s a"><div class="p rel"> |
| michael@0 | 198 | <div class="abs0" style="text-align:left"><m>…</m><span class="cl a"> </span></div> |
| michael@0 | 199 | </div></div> |
| michael@0 | 200 | </div> |
| michael@0 | 201 | <div id="test3c"> |
| michael@0 | 202 | <div class="s a"><div class="p rel"> |
| michael@0 | 203 | <div class="abs0" style="text-align:right; left:auto; right:0;"><span class="cr a"> </span><m>…</m></div> |
| michael@0 | 204 | </div></div> |
| michael@0 | 205 | </div> |
| michael@0 | 206 | <div id="test3d"> |
| michael@0 | 207 | <div class="s a"><div class="p rel"> |
| michael@0 | 208 | <div class="abs0" style="text-align:right; left:auto; right:0;"><span class="cr a"> </span><m>…</m></div> |
| michael@0 | 209 | </div></div> |
| michael@0 | 210 | </div> |
| michael@0 | 211 | |
| michael@0 | 212 | <!-- start marker, marker partly overlaps image, nothing to align with --> |
| michael@0 | 213 | <div id="test4a"><div class="s a"><div class="p o ltr"><span class="cl a"><img class="overlap1" src="../image/big.png"></span></div></div></div> |
| michael@0 | 214 | <div id="test4b"><div class="s a"><div class="p o rtl l"><span class="cl a"><img class="overlap1" src="../image/big.png"></span></div></div></div> |
| michael@0 | 215 | <div id="test4c"><div class="s a"><div class="p o ltr r"><span class="cr a"><img class="overlap1" src="../image/big.png"></span></div></div></div> |
| michael@0 | 216 | <div id="test4d"><div class="s a"><div class="p o rtl"><span class="cr a"><img class="overlap1" src="../image/big.png"></span></div></div></div> |
| michael@0 | 217 | |
| michael@0 | 218 | <!-- start marker + end, marker partly overlaps image, nothing to align with --> |
| michael@0 | 219 | <div id="test5a"><div class="s a"><div class="p o ltr"><span class="cl a"><img class="overlap2" src="../image/big.png"></span></div></div></div> |
| michael@0 | 220 | <div id="test5b"><div class="s a"><div class="p o rtl l"><span class="cl a"><img class="overlap2" src="../image/big.png"></span></div></div></div> |
| michael@0 | 221 | <div id="test5c"><div class="s a"><div class="p o ltr r"><span class="cr a"><img class="overlap2" src="../image/big.png"></span></div></div></div> |
| michael@0 | 222 | <div id="test5d"><div class="s a"><div class="p o rtl"><span class="cr a"><img class="overlap2" src="../image/big.png"></span></div></div></div> |
| michael@0 | 223 | |
| michael@0 | 224 | <div id="test6a"> |
| michael@0 | 225 | <div class="s a"><div class="p rel"> |
| michael@0 | 226 | <div class="abs0"><span class="cr a"> </span><img class="a overlap1" src="../image/big.png"></div> |
| michael@0 | 227 | <div class="abs0"><span class="cr a"> <m style="position:absolute; right:0; bottom:0;"><m0 style="font-size:16px">…</m0></m></span></span></div> |
| michael@0 | 228 | </div></div> |
| michael@0 | 229 | </div> |
| michael@0 | 230 | <div id="test6b"> |
| michael@0 | 231 | <div class="s a"><div class="p rel"> |
| michael@0 | 232 | <div class="abs0"><span class="cr a"> </span><img class="a overlap1" src="../image/big.png"></div> |
| michael@0 | 233 | <div class="abs0"><span class="cr a"> <m style="position:absolute; right:0; bottom:0;"><m0 style="font-size:16px">…</m0></m></span></span></div> |
| michael@0 | 234 | </div></div> |
| michael@0 | 235 | </div> |
| michael@0 | 236 | <div id="test6c"> |
| michael@0 | 237 | <div class="s a"><div class="p rel"> |
| michael@0 | 238 | <div class="abs0" style="text-align:right; right:0; "><span class="cr a"><img class="overlap1" src="../image/big.png"> </span></div> |
| michael@0 | 239 | <div class="abs0" style="text-align:right; right:0; "><span class="cr a"><img class="overlap1" src="../image/big.png"><m style="position:absolute; bottom:0;"><m0 style="font-size:16px">…</m0></m> </span></div> |
| michael@0 | 240 | </div></div> |
| michael@0 | 241 | </div> |
| michael@0 | 242 | <div id="test6d"> |
| michael@0 | 243 | <div class="s a"><div class="p rel"> |
| michael@0 | 244 | <div class="abs0" style="text-align:right; right:0; "><span class="cr a"><img class="overlap1" src="../image/big.png"> </span></div> |
| michael@0 | 245 | <div class="abs0" style="text-align:right; right:0; "><span class="cr a"><img class="overlap1" src="../image/big.png"><m style="position:absolute; bottom:0;"><m0 style="font-size:16px">…</m0></m> </span></div> |
| michael@0 | 246 | </div></div> |
| michael@0 | 247 | </div> |
| michael@0 | 248 | |
| michael@0 | 249 | <div id="test7a"> |
| michael@0 | 250 | <div class="s a"><div class="p ltr"><span class="c5 a">|<x style="display:inline-block;width:0.8em;text-align:right"><m style="font-size:16px;">…</m></x><img class="ins1" src="../image/big.png"></span></div></div> |
| michael@0 | 251 | </div> |
| michael@0 | 252 | |
| michael@0 | 253 | <div id="test7b"><div class="s a"><div class="p ltr r"><img class="a ins1" src="../image/big.png"><x class="a" style="display:inline-block;width:0.8em;text-align:left"><m style="font-size:16px;">…</m></x><span class="c5 a" style="margin-right:0"> </span></div></div></div> |
| michael@0 | 254 | |
| michael@0 | 255 | <div id="test7c"> |
| michael@0 | 256 | <div class="s a"><div class="p ltr"><span class="c5 a">|<x style="display:inline-block;width:0.8em;text-align:right"><m style="font-size:16px;">…</m></x><img class="ins1" src="../image/big.png"></span></div></div> |
| michael@0 | 257 | </div> |
| michael@0 | 258 | |
| michael@0 | 259 | <div id="test7d"><div class="s a"><div class="p ltr r"><img class="a ins1" src="../image/big.png"><x class="a" style="display:inline-block;width:0.8em;text-align:left"><m style="font-size:16px;">…</m></x><span class="c5 a" style="margin-right:0"> </span></div></div></div> |
| michael@0 | 260 | |
| michael@0 | 261 | |
| michael@0 | 262 | <div id="test8a"><div class="s a"><div class="a p ltr"><span class="c5 a"></span><span class="e"></span><span style="margin-right:-0.5em">…</span><span>‌</span></div></div></div> |
| michael@0 | 263 | <div id="test8d"><div class="s a"><div class="a p rtl"><span class="c5 a"></span><span class="e"></span><span style="margin-left:-0.5em">…</span><span>‌</span></div></div></div> |
| michael@0 | 264 | |
| michael@0 | 265 | <div id="test9a"><div class="s a"><div class="p ltr"><span class="e"></span><i> </i><m>…</m><span class="e a"></span></div></div></div> |
| michael@0 | 266 | <div id="test9b"><div class="s a"><div class="p rtl"><span class="e"></span><i> </i><m>…</m><span class="e a"></span></div></div></div> |
| michael@0 | 267 | <div id="test9c"><div class="s a"><div class="p ltr"><span class="e"></span><i> </i><m>…</m><span class="e a"></span></div></div></div> |
| michael@0 | 268 | <div id="test9d"><div class="s a"><div class="p rtl"><span class="e"></span><i> </i><m>…</m><span class="e a"></span></div></div></div> |
| michael@0 | 269 | |
| michael@0 | 270 | <!-- no marker for overflow:auto that doesn't trigger scrollbar --> |
| michael@0 | 271 | <div id="test10a"><div class="s a"><div class="p o ltr"><span style="margin-left:-5px" >||||||</span></div></div></div> |
| michael@0 | 272 | <div id="test10b"><div class="s a"><div class="p o rtl"><span style="margin-right:-5px">||||||</span></div></div></div> |
| michael@0 | 273 | |
| michael@0 | 274 | </div> |
| michael@0 | 275 | </body> |
| michael@0 | 276 | </html> |
