| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/check-layout.js"></script> |
| <style> |
| html { |
| width: 800px; |
| } |
| |
| table { |
| width: 100%; |
| border-spacing: 0px; |
| } |
| |
| td { |
| height: 25px; |
| padding: 0px; |
| } |
| </style> |
| </head> |
| <body onload="checkLayout('iframe')"> |
| <p>Bug <a href='https://bugs.webkit.org/show_bug.cgi?id=95892'>95892</a>: REGRESSION(r122501): replaced elements with percent width are wrongly size when inserted inside an auto-table layout.</p> |
| <p>This test checks that a replaced element inside an auto-table layout properly computes its preferred logical width.</p> |
| <table align="middle"> |
| <tbody> |
| <tr> |
| <td> |
| <div style="width:100%"> |
| <iframe srcdoc="<!DOCTYPE html><p>Lorem Ipsum</p>" width="100%" data-expected-width="763"></iframe> |
| </div> |
| </td> |
| <td align="right" valign="middle"> |
| <div style="width:10px;"></div> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </script> |
| </body> |
| </html> |
