| <!DOCTYPE html> |
| <style> |
| table { |
| height: 100px; |
| } |
| #content { |
| height: 100%; |
| width: 100%; |
| overflow: hidden; |
| } |
| </style> |
| <table class="test" data-expected-height=100 data-expected-width=82> |
| <tr> |
| <td class="test" data-expected-height=96 data-expected-width=78><div id="content" class="test" data-expected-height=94 data-expected-width=76><img id="img"></div></td> |
| </tr> |
| </table> |
| <script src="../../resources/check-layout.js"></script> |
| <p> crbug.com/637811: Percent height overflow hidden content in a cell should flex the height of the cell. </p> |
| <div id="output"></div> |
| <script> |
| img.addEventListener("load", onImageLoaded, false); |
| img.src = "../../images/resources/border-image-srgb-color-profile.png"; |
| function onImageLoaded() |
| { |
| document.body.offsetTop; |
| checkLayout('.test', output); |
| } |
| </script> |