diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-multicol/going-out-of-flow-after-spanner.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-multicol/going-out-of-flow-after-spanner.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-multicol/going-out-of-flow-after-spanner.html b/testing/web-platform/tests/css/css-multicol/going-out-of-flow-after-spanner.html new file mode 100644 index 0000000000..2fe0e42a75 --- /dev/null +++ b/testing/web-platform/tests/css/css-multicol/going-out-of-flow-after-spanner.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<title>Taking the sole box after a spanner out of flow, then remove it</title> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#the-multi-column-model"> +<meta name="assert" content="An absolutely positioned box is still contained by the multicol container if its containing block is inside the multicol container"> +<div id="multicol" style="columns:3;"> + <div style="position:relative;"> + <div style="column-span:all;"></div> + <div id="victim" style="width:100%; height:300px;"></div> + </div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script> +test(() => { + var multicol = document.getElementById("multicol"); + var victim = document.getElementById("victim"); + assert_equals(multicol.getBoundingClientRect().height, 100); + victim.style.position = "absolute"; + assert_equals(multicol.getBoundingClientRect().height, 100); + victim.style.display = "none"; + assert_equals(multicol.getBoundingClientRect().height, 0); +}, "Going out of flow and still fragmented"); +</script> |