flex-item-with-inline-block-with-contain.html (771B)
1 <!DOCTYPE html> 2 <title>Flex item with inline-block. Relayout something inside a element with containment, then relayout an out-of-flow positioned element elsewhere </title> 3 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 4 <link rel="help" href="https://issues.chromium.org/issues/395709683"> 5 <div style="display:flex;"> 6 <div> 7 <div style="position:relative; display:inline-block;"> 8 <div id="sibling" style="position:absolute;"></div> 9 <div style="contain:strict; width:100px; height:100px;"> 10 <div id="inside_contained"></div> 11 </div> 12 </div> 13 </div> 14 </div> 15 <script> 16 document.body.offsetTop; 17 inside_contained.style.width = "200px"; 18 document.body.offsetTop; 19 sibling.style.width = "200px"; 20 </script>