extra-height-given-to-all-row-groups-004.html (1136B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/resources/check-layout-th.js"></script> 6 <link rel="author" title="David Grogan" href="dgrogan@chromium.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm"> 8 <link rel="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" /> 9 <meta name="assert" content="All rows of equal intrinsic height should be increased the same amount, regardless of which group they are in, thead+tbody case" /> 10 <title> 11 all row groups receive extra height distribution 12 </title> 13 14 <style> 15 table { 16 border-collapse: collapse; 17 } 18 19 td { 20 padding: 0px; 21 } 22 23 td div { 24 width: 100px; 25 height:10px; 26 } 27 28 thead, tbody { 29 outline: 2px solid lightblue; 30 } 31 32 </style> 33 34 <table id="theTable" style="height:100px"> 35 <thead data-expected-height=50> 36 <tr> 37 <td><div></div></td> 38 </tr> 39 </thead> 40 <tbody data-expected-height=50> 41 <tr> 42 <td><div></div></td> 43 </tr> 44 </tbody> 45 </table> 46 47 <script> 48 checkLayout('#theTable') 49 </script>