| <html> |
| <head> |
| <title></title> |
| <style type="text/css"> |
| div.overflow { |
| overflow: auto; |
| width: 100px; |
| height: 100px; |
| border: solid blue 1px; |
| } |
| div.container { |
| position: relative; |
| } |
| div.abs { |
| position: absolute; |
| width: 60px; |
| height: 60px; |
| background: silver; |
| } |
| </style> |
| </head> |
| <body> |
| <p> |
| This tests for a regression against |
| <i><a href="https://bugs.webkit.org/show_bug.cgi?id=7054">http://bugzilla.opendarwin.org/show_bug.cgi?id=7054</a> |
| Vertical scroll bars do not appear or do not scroll completely</i>. |
| </p> |
| <p> |
| The top two boxes should have horizontal scroll bars. The bottom box should have a vertical scroll bar. |
| </p> |
| <hr> |
| <div class="overflow"> |
| <table> |
| <tr> |
| <td> |
| <div class="container"> |
| <div class="abs" style="left: 70px;"></div> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| <br> |
| <div class="overflow" style="direction: rtl;"> |
| <table> |
| <tr> |
| <td> |
| <div class="container"> |
| <div class="abs" style="right: 70px;"></div> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| <br> |
| <div class="overflow"> |
| <table> |
| <tr> |
| <td> |
| <div class="container"> |
| <div class="abs" style="top: 70px;"></div> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </body> |
| </html> |
