third_party/WebKit/LayoutTests/fast/table/table-switch-cell-position-bad-layout.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5     table {
   6         background-color: red;
   7         border-spacing: 0px;
   8     }
   9     td {
  10         background-color: green;
  11         height: 100px;
  12         padding: 0px;
  13         width: 200px;
  14     }
  15     </style>
  16 </head>
  17 <body>
  18 <p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=7180">7180</a>: Table cell's anonymous wrappers are left in the tree, impacting our layout.</p>
  19 <p>There should be no red in the output.</p>
  20 <table>
  21     <tr>
  22         <td id="togglePosition"></td>
  23     </tr>
  24     <tr>
  25         <td></td>
  26     </tr>
  27 </table>
  28 <script>
  29     var element = document.getElementById("togglePosition");
  30     element.style.position = "absolute";
  31
  32     element.offsetWidth;
  33
  34     element.style.position = "static";
  35 </script>
  36 </body>
  37 </html>