layout/reftests/text-overflow/xulscroll-ref.html

   1 <!-- Any copyright is dedicated to the Public Domain.
   2    - http://creativecommons.org/publicdomain/zero/1.0/ -->
   3 <!DOCTYPE HTML>
   4 <html><head>
   5     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6     <title>Testcase for bug 672944</title>
   7     <style type="text/css">
   8 @font-face {
   9   font-family: DejaVuSansMono;
  10   src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
  11 }
  12 html,body {
  13     color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  14 }
  15
  16   .bacon {
  17     white-space:    nowrap;
  18     text-overflow:  clip;
  19     overflow:       hidden;
  20     width:          30ch;
  21     display:        -moz-box;
  22     background:     lime;
  23     margin-bottom:  1em;
  24   }
  25
  26   .auto {
  27     overflow-x:       auto;
  28     width:          29.5ch;
  29     padding-bottom: 2ch;
  30   }
  31   .scroll {
  32     overflow:       auto;
  33     padding:        2ch;
  34     border:         3px solid black;
  35   }
  36   .scroll2 {
  37     overflow:       auto;
  38     padding:        3ch;
  39   }
  40   .scroll3 {
  41     overflow:       auto;
  42     padding:        2ch;
  43     text-indent:    -3ch;
  44   }
  45   .scroll4 {
  46     overflow:       auto;
  47     padding:        2ch 0.2ch;
  48   }
  49 span { background-color:white; position: relative; }
  50 ml3 {position: absolute; left:29ch; }
  51
  52 #block-hover {
  53   position:fixed;
  54   top:0;left:0;width:100%;height:100%;
  55 }
  56     </style>
  57 </head>
  58 <body>
  59
  60 <div style="float:right;" dir="rtl">
  61   <div class="bacon"><span>1Beef hamburger bacon tri-tip&#x2026; jowl biltong tail ribeye ham</span></div><br>
  62   <div class="bacon auto"><span>2Beef hamburger bacon tri-&nbsp;ipJOWLBILTONG tail ribeye ham</span></div><br>
  63   <div class="bacon scroll"><span>3Beef hamburger bacon tri&nbsp;&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
  64   <div class="bacon scroll2"><span>4Beef hamburger bacon tr&nbsp;&nbsp;&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
  65   <div class="bacon scroll3"><span>5Beef hamburger bacon&nbsp;&nbsp;&nbsp;&nbsp;-tipJOWLBILTONG tail ribeye ham</span></div><br>
  66   <div class="bacon scroll4"><span>6Beef hamburger bacon tri-&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
  67 </div>
  68
  69 <div>
  70   <div class="bacon"><span>1Beef hamburger bacon tri-tip&#x2026; jowl biltong tail ribeye ham</span></div><br>
  71   <div class="bacon auto"><span>2Beef hamburger bacon tri-tip&nbsp;OWLBILTONG tail ribeye ham</span></div><br>
  72   <div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJ WLBILTONG tail ribeye ham</span></div><br>
  73   <div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJO LBILTONG tail ribeye ham</span></div><br>
  74   <div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWL ILTONG tail ribeye ham</span></div><br>
  75   <div class="bacon scroll4"><span>6Beef hamburger bacon tri-ti JOWLBILTONG tail ribeye ham</span></div><br>
  76 </div>
  77
  78 <div id="block-hover"></div>
  79 </body>
  80 </html>