layout/reftests/bugs/825999.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>Testcase for bug 825999</title>
   5         <meta charset="utf-8">
   6         <style>
   7         html,body {
   8             color:black; background-color:white; font-family: monospace; font-size:16px; padding:4px; margin:0;
   9         }
  10
  11             button,p,select,span,table,object {
  12                 width: 14px;
  13                 text-indent: 20px;
  14                 overflow: hidden;
  15                 padding-left:6px;
  16                 padding-right:17px;
  17                 outline: 1px solid blue;
  18             }
  19             span {
  20                 display:inline-block;
  21                 overflow: hidden;
  22                 outline:none;
  23             }
  24             x {
  25                 display:block;
  26                 overflow:auto;
  27                 height:3em;
  28                 padding:1px;
  29                 vertical-align:top;
  30                 background:lime;
  31                 width:36px;
  32             }
  33             .bb * {
  34                 box-sizing: border-box;
  35             }
  36             .cb * {
  37                 box-sizing: content-box;
  38             }
  39             td {
  40               max-width:14px;
  41             }
  42             .bc {
  43               border-collapse:collapse;
  44             }
  45             .it {
  46               display:inline-table;
  47             }
  48             object { height:3em; }
  49         </style>
  50     </head>
  51     <body>
  52       <div class="bb">
  53         <p>testing</p>
  54         <x><span>testing</span></x>
  55         <button>testing</button>
  56         <select size=1><option>testing</select>
  57         <select size=3><option>testing<option>testing<option>testing</select>
  58         <object type="text/html" data="data:text/html,testing"></object>
  59         <table><tr><td>testing</td></tr></table>
  60         <table class="bc"><tr><td>testing</td></tr></table>
  61         <table class="it"><tr><td>testing</td></tr></table>
  62         <table class="bc it"><tr><td>testing</td></tr></table>
  63         <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table>
  64         <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table>
  65         <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table>
  66       </div>
  67       <div class="cb">
  68         <p>testing</p>
  69         <x><span>testing</span></x>
  70         <button>testing</button>
  71         <select size=1><option>testing</select>
  72         <select size=3><option>testing<option>testing<option>testing</select>
  73         <object type="text/html" data="data:text/html,testing"></object>
  74         <table><tr><td>testing</td></tr></table>
  75         <table class="bc"><tr><td>testing</td></tr></table>
  76         <table class="it"><tr><td>testing</td></tr></table>
  77         <table class="bc it"><tr><td>testing</td></tr></table>
  78         <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table>
  79         <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table>
  80         <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table>
  81       </div>
  82     </body>
  83 </html>