flex-rounding.html (613B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://issues.chromium.org/issues/40804774"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <style> 6 body { margin: 0; } 7 #flex { 8 display: flex; 9 width: 55px; 10 } 11 #flex > div { 12 flex-grow: 1; 13 } 14 </style> 15 <div id="flex"> 16 <div></div> 17 <div></div> 18 <div></div> 19 <div></div> 20 <div></div> 21 <div></div> 22 <div id="last"></div> 23 </div> 24 <script> 25 test(function() { 26 assert_true(last.getBoundingClientRect().right <= flex.getBoundingClientRect().right); 27 }, 'The last item shouldn\'t overflow the flexbox.'); 28 </script>