layout/reftests/text-overflow/bidi-simple-scrolled.html

   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>