layout/reftests/text-overflow/bidi-simple.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
   7 -->
   8 <html><head>
   9 <title>text-overflow: simple mixed-bidi cases</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
  19 .test {
  20   overflow:auto;
  21   text-overflow:ellipsis;
  22   white-space:nowrap;
  23   width: 4.4em;
  24   position:relative;
  25   margin-top:1em;
  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
  43 </style>
  44
  45 </head><body>
  46
  47 <!-- LTR overflow:scroll -->
  48
  49 <div class="test">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>
  50
  51 <div class="test"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
  52
  53 <div class="test"><span class="rlo">HelloWorld</span></div>
  54
  55 <!-- LTR overflow:hidden -->
  56 <div class="test 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>
  57
  58 <div class="test 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>
  59
  60 <div class="test hidden"><span class="rlo">HelloWorld</span></div>
  61
  62 <!-- RTL overflow:scroll -->
  63
  64 <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">HelloWorld</span></div>
  65
  66 <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">HelloWorld</span></div>
  67
  68 <div class="test rtl"><span class="rlo">HelloWorld</span></div>
  69
  70
  71 <!-- RTL overflow:hidden -->
  72 <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>
  73
  74 <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>
  75
  76 <div class="test rtl hidden"><span class="rlo">HelloWorld</span></div>
  77
  78
  79
  80
  81 </body></html>