contain-size-flexbox-002.html (646B)
1 <!DOCTYPE html> 2 <title>Tests that scrollbars are handled correctly in a flex item with contains:size</title> 3 <link rel="author" title="Google LLC" href="https://www.google.com"> 4 <link rel="help" href="https://www.w3.org/TR/css-contain-1/#containment-size"> 5 <link rel="match" href="reference/contain-size-flexbox-002-ref.html"> 6 7 <style> 8 div > div { 9 vertical-align: top; 10 display: inline-block; 11 contain: size; 12 overflow: scroll; 13 border: 1px solid; 14 } 15 </style> 16 17 <p>Test passes if the two lines below look the same.</p> 18 19 <div style="display: flex; line-height: 1.0;"> 20 <div></div> 21 </div> 22 23 <div style="line-height: 1.0;"> 24 <div></div> 25 </div>