| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| table { |
| background-color: red; |
| border-spacing: 0px; |
| } |
| td { |
| background-color: green; |
| height: 100px; |
| padding: 0px; |
| width: 200px; |
| } |
| </style> |
| </head> |
| <body> |
| <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> |
| <p>There should be no red in the output.</p> |
| <table> |
| <tr> |
| <td id="togglePosition"></td> |
| </tr> |
| <tr> |
| <td></td> |
| </tr> |
| </table> |
| <script> |
| var element = document.getElementById("togglePosition"); |
| element.style.position = "absolute"; |
| |
| element.offsetWidth; |
| |
| element.style.position = "static"; |
| </script> |
| </body> |
| </html> |
