stretch-after-sibling-size-change.html (1048B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Flexbox: Stretch after sibling size is changed</title> 5 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-property"> 6 <link href="support/flexbox.css" rel="stylesheet"> 7 <meta name="assert" content="This test ensures that flexbox stretches flex items 8 after a flex item height is changed."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script src="/resources/check-layout-th.js"></script> 12 <script> 13 window.onload = function() 14 { 15 document.getElementById("a").style.height = "20px"; 16 checkLayout(".flexbox"); 17 }; 18 </script> 19 </head> 20 <body> 21 <div id=log></div> 22 <div data-expected-width="100" data-expected-height="20" class="flexbox" style="width: 100px"> 23 <div id=a class="flex-one" data-expected-width="50" data-expected-height="20" style="background-color: blue; height: 30px;"></div> 24 <div id=b class="flex-one" data-expected-width="50" data-expected-height="20" style="background-color: green"></div> 25 </div> 26 </body> 27 </html>