third_party/WebKit/LayoutTests/fast/table/edge-offsets.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <style type="text/css">
   5         div.overflow {
   6             overflow: auto;
   7             width: 100px;
   8             height: 100px;
   9             border: solid blue 1px;
  10         }
  11         div.container {
  12             position: relative;
  13         }
  14         div.abs {
  15             position: absolute;
  16             width: 60px;
  17             height: 60px;
  18             background: silver;
  19         }
  20     </style>
  21 </head>
  22 <body>
  23     <p>
  24         This tests for a regression against
  25         <i><a href="https://bugs.webkit.org/show_bug.cgi?id=7054">http://bugzilla.opendarwin.org/show_bug.cgi?id=7054</a>
  26         Vertical scroll bars do not appear or do not scroll completely</i>.
  27     </p>
  28     <p>
  29         The top two boxes should have horizontal scroll bars. The bottom box should have a vertical scroll bar.
  30     </p>
  31     <hr>
  32     <div class="overflow">
  33         <table>
  34             <tr>
  35                 <td>
  36                     <div class="container">
  37                         <div class="abs" style="left: 70px;"></div>
  38                     </div>
  39                 </td>
  40             </tr>
  41         </table>
  42     </div>
  43     <br>
  44     <div class="overflow" style="direction: rtl;">
  45         <table>
  46             <tr>
  47                 <td>
  48                     <div class="container">
  49                         <div class="abs" style="right: 70px;"></div>
  50                     </div>
  51                 </td>
  52             </tr>
  53         </table>
  54     </div>
  55     <br>
  56     <div class="overflow">
  57         <table>
  58             <tr>
  59                 <td>
  60                     <div class="container">
  61                         <div class="abs" style="top: 70px;"></div>
  62                     </div>
  63                 </td>
  64             </tr>
  65         </table>
  66     </div>
  67 </body>
  68 </html>