Index: third_party/WebKit/LayoutTests/fast/multicol/dynamic/valid-spanner-container-becomes-invalid.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/dynamic/valid-spanner-container-becomes-invalid.html b/third_party/WebKit/LayoutTests/fast/multicol/dynamic/valid-spanner-container-becomes-invalid.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3d7aa83738c4b48d5cbcf25ec6f6b38124588956 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/dynamic/valid-spanner-container-becomes-invalid.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<p>There should be two blue squares below.</p> |
+<div id="multicol" style="columns:2; column-gap:50px; width:150px;"> |
+ <div id="changeMe" style="width:50px;"> |
+ <div id="spanner" style="column-span:all; height:100px; background:blue;"></div> |
+ </div> |
+</div> |
+<script src="../../../resources/testharness.js"></script> |
+<script src="../../../resources/testharnessreport.js"></script> |
+<script> |
+test(() => { |
+ var multicol = document.getElementById("multicol"); |
+ var spanner = document.getElementById("spanner"); |
+ var changeMe = document.getElementById('changeMe'); |
+ document.documentElement.offsetTop; |
+ |
+ changeMe.style.cssFloat = 'left'; |
+ assert_equals(multicol.offsetHeight, 50); |
+ assert_equals(spanner.offsetWidth, 50); |
+}, "Turn a spanner's parent from regular block into float"); |
+</script> |