20 lines
771 B
HTML
20 lines
771 B
HTML
<!DOCTYPE html>
|
|
<title>Flex item with inline-block. Relayout something inside a element with containment, then relayout an out-of-flow positioned element elsewhere </title>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
|
<link rel="help" href="https://issues.chromium.org/issues/395709683">
|
|
<div style="display:flex;">
|
|
<div>
|
|
<div style="position:relative; display:inline-block;">
|
|
<div id="sibling" style="position:absolute;"></div>
|
|
<div style="contain:strict; width:100px; height:100px;">
|
|
<div id="inside_contained"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.body.offsetTop;
|
|
inside_contained.style.width = "200px";
|
|
document.body.offsetTop;
|
|
sibling.style.width = "200px";
|
|
</script>
|