Index: LayoutTests/fast/multicol/dynamic/spanner-ancestor-becomes-spanner.html |
diff --git a/LayoutTests/fast/multicol/dynamic/spanner-ancestor-becomes-spanner.html b/LayoutTests/fast/multicol/dynamic/spanner-ancestor-becomes-spanner.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d838861cf47ffc3a90a388be8fe2c92be2792cbc |
--- /dev/null |
+++ b/LayoutTests/fast/multicol/dynamic/spanner-ancestor-becomes-spanner.html |
@@ -0,0 +1,17 @@ |
+<!DOCTYPE html> |
+<style> |
+ .box { width:66px; height:66px; margin:auto; background:blue; } |
+</style> |
+<p>Change an ancestor of a descendant spanner to becoming a spanner, so that the descendant will cease to be a spanner.</p> |
+<p>There should be three identical blue <em>squares</em> below. The space between them should be equal to the size of the squares.</p> |
+<div style="-webkit-columns:3; -webkit-column-gap:0; width:132px;"> |
+ <div class="box" style="-webkit-column-span:all; margin-bottom:66px;"></div> |
+ <div id="ancestor" class="box" style="margin:66px auto;"> |
+ <div style="-webkit-column-span:all; height:22px; background:blue;"></div> |
+ </div> |
+ <div class="box" style="-webkit-column-span:all; margin-top:66px;"></div> |
+</div> |
+<script> |
+ document.body.offsetTop; |
+ document.getElementById("ancestor").style.webkitColumnSpan = "all"; |
+</script> |