layout/reftests/text-overflow/anonymous-block.html

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5
   6     Test: overflowing anonymous block should not have marker
   7 -->
   8 <html><head>
   9 <title>text-overflow: anonymous block</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   text-overflow:ellipsis;
  21   overflow:hidden;
  22   width:50%;
  23   height:10em;
  24
  25   border:1px solid black;
  26   white-space:pre;
  27   margin-left:2em;
  28   margin-bottom:2em;
  29   line-height:1.5em;
  30 }
  31 i {
  32   display:inline-block;
  33   height: 3em;
  34   width: 5em;
  35   background: blue;
  36   font-style:normal;
  37 }
  38 span {
  39   position:relative;
  40   background:pink;
  41   top:40px;
  42   left:16em;
  43 }
  44
  45 .t1 {width:6em;}
  46 .t2 {width:2em;}
  47 .t3 {width:25em;}
  48 .t4 {width:17.5em;}
  49
  50 input { font-family:DejaVuSansMono; }
  51 input::placeholder {
  52   overflow:hidden;
  53   text-overflow:ellipsis;
  54 }
  55 input.t5::placeholder {
  56   text-overflow:"X";
  57 }
  58
  59 </style>
  60
  61 </head><body>
  62
  63
  64 <div class="test t1"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
  65 <div class="test t2"><x>Some overly long<i style="display:block;">anonymous<br>block</i>and uninformative sentence</x></div>
  66 <div class="test t3"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
  67 <div class="test t4"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
  68
  69 <input size="4" placeholder="placeholder">
  70 <input size="4" dir="rtl" placeholder="placeholder">
  71 <input size="4" class="t5" placeholder="placeholder">
  72 <input size="4" class="t5" dir="rtl" placeholder="placeholder">
  73
  74 </body>
  75 </html>