tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

bidi-simple-scrolled.html (3472B)

      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&nbsp;<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&nbsp;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&nbsp;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&nbsp;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&nbsp;orld</span></div>
     75 
     76 <div class="test rtl"><span class="rlo">Hello&nbsp;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>