The Tor Browser / file comparison
comparison: layout/reftests/text-overflow/bidi-simple-scrolled.html
layout/reftests/text-overflow/bidi-simple-scrolled.html
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
equal
deleted
inserted
replaced
| -1:000000000000 | 0:abd088d1c9f5 |
|---|---|
| 1 <!DOCTYPE HTML> | |
| 2 <!-- | |
| 3 Any copyright is dedicated to the Public Domain. | |
| 4 http://creativecommons.org/licenses/publicdomain/ | |
| 5 | |
| 6 Test: Simple bidi cases, scrolled a bit from the start position | |
| 7 --> | |
| 8 <html class="reftest-wait"><head> | |
| 9 <title>text-overflow: simple mixed-bidi cases, scrolled a bit from the start position</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 } | |
| 18 .test { | |
| 19 overflow:auto; | |
| 20 text-overflow:ellipsis ellipsis; | |
| 21 white-space:nowrap; | |
| 22 width: 4.4em; | |
| 23 margin-bottom:1em; | |
| 24 position:relative; | |
| 25 line-height:2em; | |
| 26 } | |
| 27 | |
| 28 .hidden { | |
| 29 overflow:hidden; | |
| 30 width: 4.7em; | |
| 31 } | |
| 32 | |
| 33 .rlo { | |
| 34 unicode-bidi: bidi-override; direction: rtl; | |
| 35 } | |
| 36 .lro { | |
| 37 unicode-bidi: bidi-override; direction: ltr; | |
| 38 } | |
| 39 .rtl { | |
| 40 direction:rtl; | |
| 41 } | |
| 42 .ltr { | |
| 43 direction:ltr; | |
| 44 } | |
| 45 | |
| 46 </style> | |
| 47 <script> | |
| 48 function scrolldivs() { | |
| 49 var divs = document.getElementsByTagName('div'); | |
| 50 for (i = 0; i < divs.length; ++i) { | |
| 51 if (window.getComputedStyle(divs[i]).direction == 'ltr') | |
| 52 divs[i].scrollLeft = 8; | |
| 53 else | |
| 54 divs[i].scrollLeft = -8; | |
| 55 } | |
| 56 document.documentElement.removeAttribute('class'); | |
| 57 } | |
| 58 </script> | |
| 59 | |
| 60 </head><body onload="scrolldivs()"> | |
| 61 | |
| 62 <!-- LTR block --> | |
| 63 | |
| 64 <div class="test ltr">AxxxB <span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div> | |
| 65 | |
| 66 <div class="test ltr"><span class="rlo">Hell World</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div> | |
| 67 | |
| 68 <div class="test ltr"><span class="rlo">Hell World</span></div> | |
| 69 | |
| 70 | |
| 71 <!-- RTL block --> | |
| 72 <div class="test rtl">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">Hello orld</span></div> | |
| 73 | |
| 74 <div class="test rtl"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">Hello orld</span></div> | |
| 75 | |
| 76 <div class="test rtl"><span class="rlo">Hello orld</span></div> | |
| 77 | |
| 78 | |
| 79 <div class="test rtl hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div> | |
| 80 | |
| 81 <div class="test rtl hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div> | |
| 82 | |
| 83 <div class="test rtl hidden"><span class="rlo">HelloWorld</span></div> | |
| 84 | |
| 85 <!-- LTR block --> | |
| 86 | |
| 87 | |
| 88 <div class="test ltr hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div> | |
| 89 | |
| 90 <div class="test ltr hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div> | |
| 91 | |
| 92 <div class="test ltr hidden"><span class="rlo">HelloWorld</span></div> | |
| 93 | |
| 94 <span style="position:absolute; top:0; left:6em; height:6em; overflow:hidden;"> | |
| 95 <div class="test rtl"><br><br><span class="rlo">HelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorld</span></div> | |
| 96 </span> | |
| 97 | |
| 98 </body></html> |
