| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 table { | 3 table { |
| 4 height: 100px; | 4 height: 100px; |
| 5 } | 5 } |
| 6 img { | 6 img { |
| 7 height: 100%; | 7 height: 100%; |
| 8 } | 8 } |
| 9 </style> | 9 </style> |
| 10 <table class="test" data-expected-height=100 data-expected-width=82> | 10 <table class="test" data-expected-height=100 data-expected-width=82> |
| 11 <tr> | 11 <tr> |
| 12 <td class="test" data-expected-height=96 data-expected-width=78><img src
="../../images/resources/border-image-srgb-color-profile.png"></td> | 12 <td class="test" data-expected-height=96 data-expected-width=78><img cla
ss="test" data-expected-height=94 data-expected-width=94 id="img"></td> |
| 13 </tr> | 13 </tr> |
| 14 </table> | 14 </table> |
| 15 <script src="../../resources/check-layout.js"></script> | 15 <script src="../../resources/check-layout.js"></script> |
| 16 <p> crbug.com/637811: Percent height replaced content in a cell should flex the
height of the cell. </p> | 16 <p> crbug.com/637811: Percent height replaced content in a cell should not flex
the height or width of the cell. </p> |
| 17 <div id="output"></div> | 17 <div id="output"></div> |
| 18 <script> | 18 <script> |
| 19 document.body.offsetTop; | 19 document.body.offsetTop; |
| 20 checkLayout('.test', output); | 20 img.addEventListener("load", onImageLoaded, false); |
| 21 img.src = "../../images/resources/border-image-srgb-color-profile.png"; |
| 22 function onImageLoaded() |
| 23 { |
| 24 checkLayout('.test', output); |
| 25 } |
| 21 </script> | 26 </script> |
| OLD | NEW |