layout/base/tests/bug966992-1.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3     <meta charset="utf-8">
   4     <title>Testcases for overflow-clip-box:content-box</title>
   5     <style type="text/css">
   6         html,body {
   7             color:black; background-color:white; font:16px monospace; padding:0; margin:7px;
   8         }
   9 .block {
  10   border:1px solid grey; height:50px; width:200px; padding:20px;
  11   overflow:auto; overflow-clip-box:content-box;
  12 }
  13 mask {
  14   display:block;
  15   position:absolute;
  16   left: -1px;
  17   bottom: -1px;
  18   height: 25px;
  19   width: 80%;
  20   background:black;
  21 }
  22     </style>
  23 </head>
  24 <body>
  25
  26 <div style="position:relative;">
  27 <div contenteditable=true spellcheck=false tabindex=0 id=x class="block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
  28 <mask></mask>
  29 </div>
  30 <script>
  31 var x = document.getElementById('x');
  32 x.focus();
  33 window.getSelection().collapse(x,0);
  34 </script>
  35 </body>
  36 </html>