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